﻿@import url('css/css2');
@import url('css/css2-1');
@import url('css/css2-2');
@import url('css/css2-3');
@import url('css/css2-4');
@font-face {
    font-family: 'DejaVu Sans';
    src: url('fonts/DejaVuSans.eot');
    src: url('fonts/DejaVuSans-1.eot') format('embedded-opentype'),
        url('fonts/DejaVuSans.woff2') format('woff2'),
        url('fonts/DejaVuSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.container { position: relative; }


@-webkit-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@-moz-keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes fadeInDown {
    from {
        opacity:0;
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -o-transform: translatey(-10px);
        transform: translatey(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatey(0);
        -moz-transform: translatey(0);
        -o-transform: translatey(0);
        transform: translatey(0);
    }
}
.in-down {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
}


/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@-moz-keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-10px);
        -moz-transform: translatex(-10px);
        -o-transform: translatex(-10px);
        transform: translatex(-10px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity:0;
        -webkit-transform: translatex(-100px);
        -moz-transform: translatex(-100px);
        -o-transform: translatex(-100px);
        transform: translatex(-100px);
    }
    to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
    }
}
.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration:1s;
    animation-delay: 1s;
}
dl, dt, dd, ol, ul, li{margin:0;padding:0; list-style: none;}
.clear{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;overflow:hidden;}
::selection{background:#002d56;color:#FFF;text-shadow:none;}
::-moz-selection{background:#002d56;color:#FFF;text-shadow:none;}
::-webkit-selection{background:#002d56;color:#FFF;text-shadow:none;}
:active,:focus{outline:none !important;}
body {
    color: #202020;
    font-family: 'Barlow', sans-serif;
}#layout {
    position: relative;
    transition: all .4s ease;
    overflow: hidden;
    margin: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
}
.clr:before, .clr:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
a{text-decoration:none !important;color:#348ecc;}
a:hover{color:#222;}
a img{border:none;}
img{max-width:100%;}
iframe{border:none !important;}
h1,
h2,
h3,
h4,
h5,
h6{color:#444;font-weight:600;line-height:1.5;margin:0 0 30px 0;font-family:'Barlow', sans-serif;}
h5,
h6{margin-bottom:20px;}
h1{font-size:36px;}
h2{font-size:30px;}
h3{font-size:24px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
h4{font-weight:600;}
h5,
h6{font-weight:bold;}
h1 > span:not(.nocolor),
h2 > span:not(.nocolor),
h3 > span:not(.nocolor),
h4 > span:not(.nocolor),
h5 > span:not(.nocolor),
h6 > span:not(.nocolor){color:#002d56;}
pre,
ul,
ol,
dl,
dd,
blockquote,
table,
fieldset {margin-bottom:30px;}

small{font-family:'Open Sans', sans-serif;}
.float  { float: left; }
.uppercase{text-transform:uppercase !important;}
.lowercase{text-transform:lowercase !important;}

.hidden{display:none !important;}
.nothidden{display:block !important;}
.inline-block{float:none !important;display:inline-block !important;}
.center{text-align:center !important;}
.np { padding:0px !important; }

.bgicon{display:block;position:absolute;bottom:-60px;right:-50px;font-size:210px;color:rgba(0,0,0,0.1);}
.imagescale,
.imagescalein{display:block;overflow:hidden;}
.imagescale img,
.imagescalein img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 1s ease;transition:all 1s ease;}
.imagescale:hover img{-webkit-transform:scale(1);transform:scale(1);}
.imagescalein img{-webkit-transform:scale(1);transform:scale(1);}
.imagescalein:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.grayscale{filter:brightness(80%) grayscale(1) contrast(90%);-webkit-filter:brightness(80%) grayscale(1) contrast(90%);-moz-filter:brightness(80%) grayscale(1) contrast(90%);-o-filter:brightness(80%) grayscale(1) contrast(90%);-ms-filter:brightness(80%) grayscale(1) contrast(90%);transition:1s filter ease;-webkit-transition:1s -webkit-filter ease;-moz-transition:1s -moz-filter ease;-ms-transition:1s -ms-filter ease;-o-transition:1s -o-filter ease;}
.grayscale:hover{filter:brightness(100%) grayscale(0);-webkit-filter:brightness(100%) grayscale(0);-moz-filter:brightness(100%) grayscale(0);-o-filter:brightness(100%) grayscale(0);-ms-filter:brightness(100%) grayscale(0);}
.bganimate{-webkit-animation:BgAnimated 30s infinite linear;-moz-animation:BgAnimated 30s infinite linear;-ms-animation:BgAnimated 30s infinite linear;-o-animation:BgAnimated 30s infinite linear;animation:BgAnimated 30s infinite linear;}
@-webkit-keyframes BgAnimated{from{background-position:0 0;}
to{background-position:0 400px;}
}
@-moz-keyframes BgAnimated{from{background-position:0 0;}
to{background-position:0 400px;}
}
@-ms-keyframes BgAnimated{from{background-position:0 0;}
to{background-position:0 400px;}
}
@-o-keyframes BgAnimated{from{background-position:0 0;}
to{background-position:0 400px;}
}
@keyframes BgAnimated{from{background-position:0 0;}
to{background-position:0 400px;}
}
table p{
    margin-bottom: 0;
}

.h100 { clear: both; height: 100px; position: relative; }
.h75 { clear: both; height: 75px; position: relative; }
.mobilgoster, .headersosyal { display: none; }


.sticky             { background:#fff; z-index:22; position: fixed;  top: 0; width: 100%; transition: all .2s ease 0s;}
.sticky .top-left   {  transition: all .5s ease 0s;}
.sticky .solemail   { transition: all .5s ease 0s;}
.sticky .aramaalani { top:92px; }

.solsosyal {
    background: #ededed;
    border-radius: 60px 0px 0px 60px;
    width: 54px;
    height: 198px;
    position: fixed;
    z-index: 5;
    margin-top: 21%;
    padding-top: 48px;
    padding-left: 7px;
    right: 0;
}.solsosyal a { display: inline-block; margin-bottom: 10px}
.solsosyal a img { transition: transform .4s; }
.solsosyal a:hover img { -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); transition: all .5s }

.top-left { float: right; position: relative; width: calc(100% - 215px); }
.top-left ul { float: right; position: relative; margin:12px 0 0 0; list-style:none; }
.top-left ul li { float: left; position: relative; margin-right: 10px; }
.top-left ul li img  { float: left; position: relative; margin:0px 7px;  }
.top-left ul li span { float: left; position: relative; margin:0px 0 0 0px; color:#737373; font-size:15px; font-weight:300;  }
.top-left ul li a { color:#737373;  }

.header-center {
    float: left;
    position: absolute;
    width: 100%;
    z-index: 999;
    background: rgb(0 0 0 / 15%);
}
.header-center.relative {
    position: relative;
    background: rgb(18 76 82);
}
#logo {
    position: relative;
    float: left;
    margin: 10px  10px 10px 0;
    transition: transform .4s;
}
.diller {
    float: right;
    position: relative;
    margin-top: 42px;
    margin-left: 30px;
}
.diller a {
    float: left;
    margin: 0 0 0 10px;
    color: #000;
    font-weight: 600;
    /* font-weight: 700; */
}
.header-top{
    border-top:5px solid #6a737b
}
.header-bg{
    background-color: #6a737b;
    border-bottom:3px solid #002d56
}
.header-bottom { float: left; position: relative; padding:0; width:100%; background: #ecf1f2; border-bottom: 2px solid#e1ecf1; border-top: 2px solid#e1ecf1; }
.header-bottom .bottom-right { float: right; }

.menusag {
    display: block;
    width:100%;
    border:0;
    margin:0; 
}
.menusag li {
    line-height: 50px;
    display: table-cell;
    width: 1%;
    float: none;
    border-right: 1px solid #ddd;
}
.menusag li:first-child {  }
.menusag li:first-child img{ margin: -7px 0 0 0px;width:32px  }
.menusag li:last-child { margin:0px;border:none  }
.menusag li a {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    display: block;
    letter-spacing: 0.5px;
    font-family: 'Barlow', sans-serif;
    padding: 0px 0;
    text-align: center;
    /* text-shadow: 1px 1px 1px #606060; */
}
.menusag li > a:hover, .menusag li > a.aktif{ color: #c7c7c7; }
.menusag li .submenu        { display: none; position: absolute; width: 100%; padding:65px 55px;  border-radius:100px; left: 0; top:90px; background: #0b6b94; }
.menusag li:hover .submenu  { display: block; }


.menu-scroll {direction: rtl; float: left; border: none; margin:20px 0 0 0; padding:0 10px 0 10px;width: 100%;height: 425px;overflow-y: scroll; }
/* Scrollbar styles */
.menu-scroll::-webkit-scrollbar {width:3px;height:3px;}
.menu-scroll::-webkit-scrollbar-track {border: 1px solid #e8e8e8;}
.menu-scroll::-webkit-scrollbar-thumb {background: #e8e8e8; }
.menu-scroll::-webkit-scrollbar-thumb:hover { background: #e8e8e8;  }

.accordionWrapper {float:left;width:100%; margin:0px 0 0 0;}
.accordionItem {float:left;display:block;width:100%; padding:0px 15px;}
.accordionItem:hover, .accordionItem.open { background:#4a8fac; }
.accordionItem.open ul {float:left;width:100%;position:relative;margin: 0px 0 20px 0; padding: 0 0 0 10px;}
.accordionItem.open li {float:left;width:100%;line-height:24px}
.header-bottom .bottom-right .menusag li .submenu .submenu-left .accordionItem .accordionItemHeading {padding:15px 0 15px 30px; background:url(../images/menu-close.png) no-repeat left center; color:#e8e9e8;font-size:18px;font-weight:300;float:left;width:100%;margin:0px;}
.header-bottom .bottom-right .menusag li .submenu .submenu-left .accordionItem.open .accordionItemHeading { color:#fff;font-weight:400; background:url(../images/menu-open.png) no-repeat left center; }
.header-bottom .bottom-right .menusag li .submenu .submenu-left .accordionItemHeading:hover {color:#fff;font-weight:400; }
.accordionItem.close {opacity:1}
.close .accordionItemContent {height:0;transition:height 1s ease-out;-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);float:left;display:block}
.menusag li .accordionItemContent a {color:#fff;font-size:15px;font-weight:400;line-height:19px; padding: 5px 10px;}
.accordionItemContent a:hover {color:#164194}
.open .accordionItemContent {float:left;width:100%;margin:0 0 0 10px;display:block;-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top;-o-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transition:-webkit-transform .4s ease-out;-o-transition:-o-transform .4s ease;-ms-transition:-ms-transform .4s ease;transition:transform .4s ease;box-sizing:border-box}
.open .accordionItemHeading {color:#fff;font-weight:400;margin:0;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-top-left-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;border-bottom-right-radius:0;border-bottom-left-radius:0}
.close { text-shadow: none !important; }

.fullblack3 { display:none; position: fixed; z-index: 8; background:#000; opacity:0.5; width: 100%; height:100%; min-width: 100%; min-height:100%; }
.solemail   { float: right; z-index:99; position: relative; margin: 5px 0 0 20px; width: 40px;  height: 40px; background: #b5b8bb; border-radius: 50%;  text-align: center;  line-height: 37px; cursor: pointer; }

.arama          { float: right; position: relative; }
.arama form     { width: 310px; position: relative; margin:35px 0 0 0;  }
.arama input    { float:left; width:100%; height:40px; text-align: center; padding:0 27px 0 5px; font-size:14px; color:#9c9c9c; border-bottom:1px solid#e1e1e1; border-right:0px;border-left:0px;border-top:0px;  position: relative; }
.arama img      { float:left; left:20px; top:21px; position:absolute; z-index:2;}
.arama button   {position: absolute; float: right;  right: 0; top: 7px; width: 25px; height: 25px;  background: url(../images/aikonbuton.png) no-repeat; border: 0; }
.arama input::placeholder { color:#9c9c9c; }



.aramaalani         { display:none; padding:35px 50px 20px 50px; position:absolute; right:0; top:143px; width:475px; background: #a62218 url(../images/aramabg.jpg) no-repeat; z-index: 99; border-radius:60px 0px 0 60px; }
.aramaalani form    { width:100%; position:relative; margin:5px auto 19px auto; float:left; display:block; }
.aramaalani input   { float:left; font-size:18px; background:#f53c2d; border: 1px solid #ff5b4f; padding: 8px 20px; width: 100%;color: #fff; }
.aramaalani img     { float:left; left:20px; top:21px; position:absolute; z-index:2;}
.aramaalani button  {position:absolute; float: right; right: 5px; top: 6px; width: 32px;  height: 32px;  background: url(../images/aikon.png) no-repeat; border: 0; }

.aramaalani input::placeholder { color:#fff; }


.aramaalani b { color: #eaeaea; font-size: 14px; font-weight: 700;}
.aramaalani hr { margin-bottom: 0; margin-top: 18px;  border: 0;  border-bottom: 1px solid #f53c2d;}

.aramaalani .sol { width: 50%; float: left;  margin-top: 20px}
.aramaalani .sag { width: 50%; float: left; margin-top: 20px}
.aramaalani ul { list-style: none; margin: 0;    padding: 0 }
.aramaalani ul li { margin-bottom: 20px}
.aramaalani ul li a { color: #fff;  font-size: 14px; font-weight: 300; text-decoration: none}

.aramaalani a.aramakim { margin:10px 0 25px 0; color:#fff; font-size:15px; font-weight:500; float: left; width:100%; border-radius: 20px; text-align: center; background: #f53c2d; padding: 10px; }
.aramaalani a.aramakim:hover { background:#ff483a; }


.aramaalani ul.aramaul  { width:250px; margin:0 auto; text-align:center; }
.aramaalani ul.aramaul li { border-right:1px solid#fff; float: left; width:33.33%; text-align:center; }
.aramaalani ul.aramaul li:last-child { border:0px; }
.aramaalani ul.aramaul li a { color:#fff; font-size:13px; font-weight:300; }

.anaslider          { margin:0px 0 0 0; float: left; width: 100%; position: relative;border-bottom:3px solid #002d56 }
.anaslider .owl-demo, .anaslider .owl-carousel, .anaslider .owl-carousel .owl-stage-outer { float: left; width: 100%; position: relative; }
        
.anaslider .item .icerik        { top:30%; left:5%; position: absolute; width:570px;  }
.anaslider .item .icerik i      { font-family:'Barlow', sans-serif;position: relative; left:0%; letter-spacing:6px; color:#ffffff; font-size:30px; padding:0 0 0 0px;  width:100%; font-style:normal; float: left;  }
.anaslider .item .icerik span {
    opacity: 0.99;
    font-family: 'Dejavu', sans-serif;
    float: left;
    /* width: 100%; */
    letter-spacing: 0;
    margin: 15px 0 15px;
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    /* line-height: 20px; */
    background: #db241c;
    padding-left: 15px;
    padding-right: 15px;
    padding: 12px;
    border-left: 8px solid #000;
    text-transform: uppercase;
    border-radius:5px;
}
.anaslider .item .icerik p {
    opacity: 0.99;
    font-family: 'Barlow', sans-serif;
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    /* text-shadow: 1px 1px 1px #000; */
    border-radius: 5px;
    background: rgb(90 90 90 / 88%);
    border-left: 8px solid #000;
    padding: 15px;
}
.anaslider .item .icerik img       { left:-52px; top:-10px;position: absolute; width:225px; }
.anaslider .item .icerik img.logo {
    left: 0;
    top: -80px;
    position: absolute;
    width: 200px;
}

.anaslider .owl-carousel .owl-dots { top:62%; left:18%; position: absolute; }
.anaslider .owl-carousel .owl-dots .owl-dot span { width: 20px; height: 20px; margin: 5px 5px; background:transparent; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; border: 5px solid #fff;}
.anaslider .owl-carousel .owl-dots .owl-dot.active span { border: 5px solid #c5271a; background: #c5271a; }


.anaslider .owl-carousel .owl-stage { padding-left:0px !important; }
.anaslider .owl-nav { position: absolute; width:100%; top: 40%; z-index:1; }
.anaslider .owl-nav span { display: none; }
.anaslider .owl-carousel .owl-nav button.owl-prev  { left:3%; width:29px; height:57px; position:relative; background:url(../images/left.png) no-repeat;  font-size:0px; }
.anaslider .owl-carousel .owl-nav button.owl-next  { right:3%; width:29px; height:57px; float: right; position:relative; background:url(../images/right.png) no-repeat;  font-size:0px; }


.anaslider:after    { top:0px; right:0; width:25%; height:100%; background:linear-gradient(to right, rgba(0,0,0,0), rgb(0 0 0 / 47%)); content:''; position: absolute; z-index:1; }

.sagkatalog {
    position: absolute;
    width: 175px;
    top: 12%;
    right: 100px;
    z-index: 2;
}
.sagkatalog span    { float: left; width:100%; margin:0 0 25px 0; padding:0 0 10px 0; letter-spacing:4px; font-size:18px; font-weight:bold; color:#fff; border-bottom: 1px solid#fff; text-align:center; font-family: 'Anonymous Pro', monospace; }
.sagkatalog ul      { float: left; width:100%; position: relative; list-style:none; }
.sagkatalog ul li   { float: left; width:100%; margin:0 0 35px 0; }
.sagkatalog ul li a i { float: left; width:100%; text-align:center; }
.sagkatalog ul li a p { margin:10px 0; font-size:17px; font-weight:300; color:#fff; letter-spacing: -0.5px; font-family:'Barlow', sans-serif; float: left; width:100%; text-align:center; }
.sagkatalog ul li a.pdf { background: url(../images/beyazpdf.png) no-repeat center top; float: left; width: 100%; padding: 35px 0 0 0; }
.sagkatalog ul li a.pdf:hover { background: url(../images/pdf.png) no-repeat center top; }

.sagkatalog ul li a.adr { background: url(../images/adres.png) no-repeat center top; float: left; width: 100%; padding: 35px 0 0 0; }
.sagkatalog ul li a.adr:hover { background: url(../images/adresh.png) no-repeat center top; }

.sagkatalog ul li a.eti { background: url(../images/hashtag.png) no-repeat center top; float: left; width: 100%; padding: 18px 0 0 0; }
.sagkatalog ul li a.eti:hover { background: url(../images/hashtagh.png) no-repeat center top; }

.section-head{
    margin-top:15px;
}
.section-head h1{
    margin-bottom: 15px;font-size:24px
}
.section-head p{
    margin-bottom: 0;
}
/* kutular başlangıç */

.kutular {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    z-index: 3;
    padding:0;
}.kutular a { float: left; width:100%; }
.kutular h1 img     { margin-top:-5px; }

.kutular .kutubaslik { position: absolute; bottom:40px; left:15px; }
.kutular .kutubaslik:before { content:''; position: absolute; right: -45px; top:14px; background: url(../images/haberli.png) no-repeat; transition: all .5s ease 0s; width:27px; height:13px; }
.kutular .kutubaslik span { font-family:'Barlow', sans-serif; color:#fff; font-weight:300; letter-spacing:-1px; margin: 0; }
.kutular .kutubaslik p {
    line-height: 20px;
    font-family: 'Spartan', sans-serif;
    color: #fff;
    font-weight: 700;
    letter-spacing: -2px;
    margin: 0;
    text-shadow: 1px 3px 3px #000;
}

.kutular .resimi { transition: all .5s ease 0s; }
.kutular a:hover .kutubaslik:before { right: -50px; transition: all .5s ease 0s; }


.kutular .kutular1 { width: 600px; float: left}
.kutular .kutular1 .kutu1 {
    width: 572px;
    /* height: 258px; */
    position: relative;
    float: left;
    margin-bottom: 15px;
}
.kutular .kutular1 .kutu1 h1    { color: #545454; font-size:26px; margin: 0 0 10px 0; }
.kutular .kutular1 .kutu1 p     { padding-right: 25px; color: #949494; font-size:14px; line-height: 17px;}

.kutular .kutular1 .kutu2 {
    width: 572px;
    height: 307px;
    position: relative;
    float: left;
    margin-bottom: 15px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #ddd;
}.kutular .kutular1 .kutu2 .kutubaslik p { font-size:24px; }
.kutular .kutular1 .kutu2 .kutubaslik span { font-size:16px; }


.kutular .kutular1 .kutu2:focus .resimi,
.kutular .kutular1 .kutu2:hover .resimi { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); transition: all .5s}

.kutular .kutular1 .kutu3 { border:1px solid #ddd;float: left; position:relative; width: 574px; height: 253px; display: inline-block; overflow: hidden}

.kutular .kutular1 .kutu3:focus .resimi,
.kutular .kutular1 .kutu3:hover .resimi { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); transition: all .5s}

.kutular .kutular1 .kutu3 .kutubaslik p { font-size:36px; }
.kutular .kutular1 .kutu3 .kutubaslik span { font-size:16px; }

.kutular .kutular2 {
    width: 600px;
    float: left;
}
.kutular .kutular2 .kutu4 {
    border:1px solid #ddd;
    position: relative;
    width: 600px;
    height: 307px;
    margin-bottom: 15px;
    z-index: 100;
    position: relative;
    display: inline-block;
    overflow: hidden;
}
.kutular .kutular2 .kutu4:focus .resimi,
.kutular .kutular2 .kutu4:hover .resimi { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); transition: all .5s }
.kutular .kutular2 .kutu4 .kutubaslik p { font-size:30px; }
.kutular .kutular2 .kutu4 .kutubaslik span { font-size:16px; }


.kutular .kutular2 .kutu5 {
    border:1px solid #ddd;
    float: left;
    position: relative;
    width: 600px;
    height: 250px;
    display: inline-block;
    overflow: hidden;
}
.kutular .kutular2 .kutu5:focus .resimi,
.kutular .kutular2 .kutu5:hover .resimi { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); transition: all .5s}
.kutular .kutular2 .kutu5 .kutubaslik p { font-size:26px;  }
.kutular .kutular2 .kutu5 .kutubaslik span { font-size:16px; }


.kutular .kutular3 { width: 260px; float: left; margin-top: 55px}

.kutular .kutular3 .kutu6 { float:left; position:relative; width:285px; height: 194px;margin-bottom: 15px; display: inline-block; overflow: hidden}

.kutular .kutular3 .kutu7 { float:left; position:relative; width:285px; height: 308px; display: inline-block; overflow: hidden}

.kutular .kutular3 .kutu6:focus .resimi,
.kutular .kutular3 .kutu6:hover .resimi { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); transition: all .5s }
.kutular .kutular3 .kutu6 .kutubaslik   { left:50px; bottom:15px; }
.kutular .kutular3 .kutu6 .kutubaslik p { font-size:24px; }
.kutular .kutular3 .kutu6 .kutubaslik span { font-size:16px; }


.kutular .kutular3 .kutu7:focus .resimi,
.kutular .kutular3 .kutu7:hover .resimi { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);  -o-transform: scale(1.2); transform: scale(1.2); transition: all .5s}
.kutular .kutular3 .kutu7 .kutubaslik   { left:20px; bottom:55px; }
.kutular .kutular3 .kutu7 .kutubaslik p { font-size:26px;  }
.kutular .kutular3 .kutu7 .kutubaslik span { font-size:16px; }

/* kutular son */

/* anasayfa ürünler başlangıç */
.anasayfaurunler-container{
    margin-bottom: 30px;
}
.anasayfaurunler-container:before {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #eef0f1;
    content: '';
    position: absolute;
    /* -webkit-transform: rotate( 12deg ); */
    -moz-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    -o-transform: rotate(12deg);
}.anasayfaurunler        { position: relative; float: left; width:100%;  }
.anasayfaurunler .urunlerbaslik {
    float: left;
    position: relative;
    width: 100%;
    height: 41px;
    background: #6a737b;
    margin-bottom: 30px;
}.anasayfaurunler .urunlerbaslik .baslikalan { float: left; width:auto; padding:0 10px 0 20px; background:#eef0f1; }
.anasayfaurunler .baslikalan h2 {
    float: left;
    margin: 0;
    line-height: 1.7;
    letter-spacing: 5px;
    font-family: 'Barlow', sans-serif;
    font-size: 24px;
    color: #545454;
}.anasayfaurunler .baslikalan span { clear: both; line-height: 17px; float: left; letter-spacing:5px;  font-family:'Barlow', sans-serif; font-size:18px; color:#545454; font-weight:300; }
.anasayfaurunler .urunlerbaslik p { float: left; margin: 7px 0 0 20px; font-family:'Barlow', sans-serif; font-size:14px; color:#e3e6e8; }

.anasayfaurunler .randevu           { padding: 40px 40px 40px 40px; border: 1px solid #cacaca; border-radius:30px; background: #fff;  background: -moz-linear-gradient(top, #fff 0, #f1f1f1 100%); background: -webkit-linear-gradient(top, #fff 0, #f1f1f1 100%); background: linear-gradient(to bottom, #fff 0, #f1f1f1 100%)}
.anasayfaurunler .randevu h3        { color: #d7151b; font-size: 24px; font-weight: 700; margin: 0}
.anasayfaurunler .randevu h3 span   { color: #323232; font-weight: 500}
.anasayfaurunler .randevu p         { color: #828282; font-size: 15px; font-weight: 300; margin: 0}
.anasayfaurunler .randevu form      { margin: 20px 0; position: relative; }
.anasayfaurunler .randevu input,
.anasayfaurunler .randevu select,
.anasayfaurunler .randevu textarea  { border: 1px solid #cacaca; background: #fff; color: #7b7b7b; font-size: 14px; font-weight: 400; width: 100%; margin-bottom: 10px; padding: 10px 10px 10px 35px}

.anasayfaurunler .randevu select    { width:calc(100% - 5px); position: relative; }
.anasayfaurunler .randevu label:nth-child(3):before {width: 6px;
    height: 41px;
    border-right: 1px solid#cacaca;
    border-top: 1px solid#cacaca;
    border-bottom: 1px solid#cacaca;
    right: 1px; top:0px; background: #fff; z-index:2; position: absolute; content:''; }

.anasayfaurunler .randevu label     { width: 100%; position: relative;}
.anasayfaurunler .randevu i         { z-index: 1; position: absolute; margin-left: 11px; font-size: 17px; color: #7b7b7b; margin-top: 11px}

.anasayfaurunler .randevu button    { cursor:pointer; background: #d7151b; color: #fff;  font-size: 14px;  font-weight: 800; text-align: center; padding: 10px 30px; border: 0; margin: 0 auto; width: 100%;  display: block }
.anasayfaurunler .randevualt        { background: #949494; color: #fff; font-size: 16px; font-weight: 500; text-align: center;  padding: 10px 0; border-radius: 0 0 30px 30px; cursor: pointer}

.anasayfaurunler #estetikslider     { margin: 0 0 0 0; }
.anasayfaurunler #estetikslider .item .box      { width:50%; float: left; margin-bottom: 15px; padding: 7px}
.anasayfaurunler #estetikslider .item .box img  { float: left;  width: 31px;  height: 31px; display: inline-block; margin-right: 10px}
.anasayfaurunler #estetikslider .item .box a    { float: right; width: calc(100%); color: #737373; font-size: 16px; font-weight:500; margin-top: 0;  text-decoration: none}
.anasayfaurunler #estetikslider .item .box p    { min-height: 80px; float: right; color: #737373; font-size: 14px; font-weight: 300; margin-top: 0; margin-bottom: 0; width: calc(100%);}
.anasayfaurunler .owl-theme .owl-dots           { width: 100%; text-align: left; top: -60px; position: absolute }
.anasayfaurunler .owl-theme .owl-dots .owl-dot span:before { content: "â€¢"; position: relative; top: -30px; left: 0; font-size: 47px; color: #fff}
.anasayfaurunler .owl-theme .owl-dots .owl-dot.active span:before,
.owl-theme .owl-dots .owl-dot:hover span:before { color: #93989a!important}

#estetikslider .owl-dots { counter-reset: dots;}
#estetikslider .owl-dots .active,#estetikslider .owl-dots .active:before,
#estetikslider .owl-dots .active:after { font-weight: 800; color:#323232;}
#estetikslider .owl-dot { margin-right: 5px; background-image: url("../images/dotsbgbos.png"); width: 82px; background-repeat: no-repeat; background-position: center; text-align: left; padding-left: 20px !important;}
#estetikslider .owl-dot.active { background-image: url("../images/dotsbg.png");}
#estetikslider .owl-dot:before { content: '0'; color: #aab0b4; font-size: 18px; font-weight: 300;}
#estetikslider .owl-dot:after { counter-increment:dots; content: counter(dots); color: #aab0b4; font-size: 18px; font-weight: 300;}  
.anasayfaurunler .owl-theme .owl-dots .owl-dot span { display: none;}
.anasayfaurunler .owl-theme .owl-dots .owl-dot span::before { display: none;}

.anasayfaurunler a.tumurunler { float: right; color:#737373; font-size:14px; letter-spacing:3px; margin: 0 100px 0 0; position: relative; }
.anasayfaurunler a.tumurunler img { width:22px; }
/* anasayfa ürünler son */

.home-bottom                    { padding:0px 0 0 0; margin: 0 0 40px 0; float: left; width: 100%; position: relative; }
.home-bottom .anahizmetresim {
    float: left;
    margin: 0 0 0 7px;
    position: relative;
}
.home-bottom .anahizmetresim h3 { font-family:'Barlow', sans-serif; position:absolute; left:-118px; top:130px; float:left; width: 230px; height: 38px; padding: 0; line-height: 38px; text-align: center; background: #c5271a; font-size: 15px; color: #fff; font-weight: 400; letter-spacing: 3px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
.home-bottom .anahizmetresim img{ opacity: 0.8; position: relative; z-index: -1;; }
.home-bottom .owl-carousel.anahizmetler { float:left; margin:0 0 0 0; position: relative;  }
.home-bottom .owl-carousel.anahizmetler .item a { position:relative; float: left; margin:0 0 40px 0; font-size:18px; font-weight:500; color:#71777c; letter-spacing:3px; }
.home-bottom .owl-carousel.anahizmetler .item a:before { left:0px; bottom:-10px; width:90%; height:1px; background:#c5271a; content:''; position:absolute; }
.home-bottom .owl-carousel.anahizmetler .item p { float: left; font-size:16px; font-weight:300; width:100%; color:#545454; }

.home-bottom .owl-carousel.anahizmetler .owl-dots { width:100%; text-align: left; position: absolute; bottom:-40px; left:-5px;}
.home-bottom .owl-carousel.anahizmetler .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 5px 5px; background: #b5b8bb; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; border:4px solid #b5b8bb;}
.home-bottom .owl-carousel.anahizmetler .owl-dots .owl-dot.active span { background: #FFF; }


.owl-carousel.hizmetresimler .owl-stage {margin: 0 auto;}

.footer {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #2E2E2E;
    border-top: 6px solid #656e73;
}
.footer .footer-top         { padding:15px 0; border-bottom:2px solid#e5e4e4; float: left; width: 100%; position: relative; }
.footer .footer-top img     { float: left;     width: 50%; }


.footer .footer-center      { min-height:230px; float: left; width: 100%; position: relative; }
.footer .footer-center p.copyright  { margin:30px 0 0 0; float: left; font-size:14px; color:#000000; font-weight:300; }

.footer .footer-center .footer-pages {
    width: 268px;
    padding: 20px 0 0px 20px;
    float: left;
    position: relative;
    z-index: 3;
}

.footer .footer-center .footer-pages.projelerrrr {
    padding: 20px 0 0px 10px;
}
.footer .footer-center .footer-pages p {
    font-weight: 600;
    font-size: 17px;
    margin: 0;
    color: #ffffff;
    font-family: 'Barlow', sans-serif;
    float: left;
    width: 100%;
}
.footer .footer-center .footer-pages ul { width: 100%; margin:15px 0 0 0; padding:0px 0 0px 0;  float: left; position: relative; }

.footer .footer-center .footer-pages ul li {
    width: 100%;
    margin: 0px 0 10px 0;
    padding: 0px 0 10px 0;
    float: left;
    position: relative;
    border-bottom: 1px solid #8f8f8f;
}
.footer .footer-center .footer-pages ul li:last-child{
    border-bottom: none;
}

.footer .footer-center .footer-pages.iletisim-sayfa ul li{
    font-size: 15px;
    color:#aab0b4
}
.footer .footer-center .footer-pages ul li a {
    font-weight: 300;
    font-size: 15px;
    color: #cfcfcf;
    /* text-transform: uppercase; */
    float: left;
    width: 100%;
    /* font-family: 'Open Sans', sans-serif; */
}
.footer .footer-center .footer-pages ul li a:hover { color:#aab0b4; } 
.footer .footer-center .footer-pages ul li a:before { display:none; }

.footersag { float: right;   text-align: center;  padding: 40px 0 0px 0px;width: calc(100% - 805px);  position: relative;   z-index: 2;}
.footer .footer-center .footersag:after { top:0px; right:-115px; width:660px; height:302px; z-index:-1; background: url(../images/footerbg.jpg) no-repeat;content: ''; position: absolute; }
.footer .footer-center .footersag .footerlogo  { float: left; width: 100%; margin:0px 0; padding: 0 0 0 41px; }
.footer .footer-center .footersag ul { width: 100%; text-align:left; margin:20px 0 15px 0; padding:0px 0 0px 55px;  float: left; position: relative; }
.footer .footer-center .footersag ul li { border-right: 1px solid#71777c; margin:0px 0 10px 0; padding:0px 0 0px 0;  float: left; position: relative; }
.footer .footer-center .footersag ul li:last-child { border-right:0; }
.footer .footer-center .footersag ul li a { font-weight:300; font-size:16px; color:#71777c; float: left; width:100%; padding:0px 10px;line-height: 16px; font-family:'Barlow', sans-serif; }
.footer .footer-center .footersag ul li a:hover { color:#aab0b4; } 

.footer .footer-center .footersag .footersosyal {float: right; padding: 0 26px 0 0;}
.footer .footer-center .footersag .footersosyal a{ margin: 0px 3px; position: relative; }
.footer .footer-center .footersag .footersosyal a:hover { opacity:0.79; }
.footer .footer-center .footersag p.aciklama   { float: left; font-weight:300; margin:10px 0 0px 0; padding:0 0 0px 41px; color:#71777c; font-size:15px; width: 100%; }

.footer .footer-bottom      { padding:10px 0; background:#656e73; float: left; width: 100%; position: relative; z-index:2; }
.footer .footer-bottom p    { margin:0; float: left; font-size:14px; color:#ffffff60 ; font-weight:400; letter-spacing:3px; }
.footer .footer-bottom a    { margin:0px 54px 0 0; float: right; font-size:14px; color:#ffffff80; font-weight:600; letter-spacing:3px; }
.footer .footer-bottom a img{ margin: -4px 0 0 0; }
.footer p.copyrightmobil    { display: none; }


.kurumsal-header            { float: left; position: relative; width: 100%; height:450px; border-bottom:8px solid#c5271a; background:url(../images/2920subheader.jpg) no-repeat top center;     background-size: cover !important; }
.kurumsal-header:after      { content:''; position:absolute; left:0px; bottom:-58px; width:100%; height:50px; background:url(../images/breadbg.jpg);  }
ul.breadcumps               { margin:18px 0; width: 100%; float: left; position: relative; text-align: left;  }
ul.breadcumps li            { line-height: 14px; float: left;margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#c3c3c3;  display:initial }
ul.breadcumps li:last-child { border-right:0; margin: 0; padding:0; }
ul.breadcumps li a          { color:#808080; font-size:14px; font-family:'Barlow', sans-serif; letter-spacing:1px; }
ul.breadcumps li a:hover    { color:#808080; }
ul.breadcumps li:last-child a { font-weight:bold; }

.solliste                   { border-radius:20px; margin:-160px 0 0 0;  padding:25px 40px 55px 40px; float: right; width:84%; background:#e3e6e8; position: relative; }
.solliste i                 { float:left; width:100%; text-align:center; }

.solliste h1                { line-height: 20px; float:left; width:100%; letter-spacing: 8px; margin:5px 0 0 0; font-family:'Barlow', sans-serif; font-size:19px; font-weight:bold; color:#545454; text-align:center; }
.solliste span              { float:left; width:100%; letter-spacing: 4px; font-family:'Barlow', sans-serif; font-size:13px; font-weight:300; color:#545454; text-align:center; }
.solliste ul                { float:left; width:100%; position: relative; padding:0; margin:40px 0 0 0; }
.solliste ul li             { padding:0 0 10px 0; margin:0 0 10px 0; float:left; width:100%; border-bottom:1px solid#c7cacd; }
.solliste ul li a           { float:left; letter-spacing:2px; padding:0 0 0 20px; font-size:14px; font-weight:300; color:#737373; font-family:'Barlow', sans-serif; width:100%; background:url(../images/solli.png)no-repeat left center; }
.solliste ul li a:hover     { color:#c5271a; background:url(../images/sollih.png)no-repeat left center; }
.solliste ul li a.aktif     { color:#c5271a; background:url(../images/sollih.png)no-repeat left center; }



#content .kurumsal h2   { float:left; width:100%; margin: 0 0 20px 0; letter-spacing:4px; font-family:'Barlow', sans-serif; font-size:19px; font-weight:500; color:#545454; }
.kurumsal               { float: left; width: 100%; padding:20px 0 30px 0; margin-bottom:0px; position: relative; }
#content .kurumsal p    { font-family:'Barlow', sans-serif; font-size:17px; font-weight:400; color:#737373; }

.anasayfaurunler.kurumsall:before { left:0px; top:-40px; height: 495px; width: 100%;  background: #eef0f1; content: ''; position: absolute; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg);}
.home-bottom.kurumsall  { margin: 45px 0 40px 0; z-index: 1;}
.home-bottom.kurumsall:before { display:none; }
.home-bottom.kurumsall img.hakan2{ position: absolute; right:108px; top: -330px; }





.sertifikalar               { float: left; width: 100%; padding: 20px 0 20px 0; margin: 30px 0 0 0; }
.sertifikalar h2            { font-weight: 700;text-align:center; float: left; width: 100%; margin: 0 0 20px 0; font-size:24px; color: #485e65; }
#content .sertifikalar p    { font-style:italic; float: left; width: 100%; margin: 0 0 50px 0; font-size:16px; color: #7a868d; text-align: center; }

.sertifikalar .sertifika {
    float: left;
    position: relative;
    width: calc(25.00% - 30px);
    padding: 0 15px;
    margin: 0 30px 20px 0;
}.sertifikalar .sertifika a img.sertif { float: left; position: relative; object-fit:cover; overflow:hidden; z-index:4 }
.sertifikalar .sertifika a:hover img { transform: scale(1.04); transition: all 0.3s ease 0s; }
.sertifikalar .sertifika a { float: left; margin-left:0%; position: relative; max-width: 100%; }
.sertifikalar .sertifika a:before {
    content: '';
    position: absolute;
    left: -15px;
    top: -15px;
    width: 95%;
    height: 95%;
    background: #a3a3a3;
}
#content .sertifikalar .sertifika span { text-align: center; font-family:'Barlow', sans-serif; float: left; width: 100%; margin:15px 0 0 0; font-size:22px; color:#545454; font-weight:400; min-height:55px; line-height: 22px;}
.sertifikalar .sertifika:nth-child(3) { margin:0 0 20px 0; }


/* Hizmetler */
.hizmetler:before { content: '';  right: 5%;  bottom:2%; position: absolute; width: 138px; height: 493px; background: url(../images/filigran.png)no-repeat;}
.hizmetler-header                   { float: left; position: relative; margin:65px 0 135px 0; width: 100%; height:50px; background:#f5f5f5; }
.hizmetler-header ul                { margin:15px 0; float: left; position: relative; text-align: left;  }
.hizmetler-header ul li             { line-height: 14px; float: left;margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#c5c5c5;  display:initial }
.hizmetler-header ul li:last-child  { border-right:0; margin: 0; padding:0; }
.hizmetler-header ul li a           { color:#b5b8bb; font-size:15px; font-family:'Barlow', sans-serif; letter-spacing:0px; }
.hizmetler-header ul li a:hover     { color:#b5b8bb; }
.hizmetler-header ul li:last-child a { font-weight:bold; }

.hizmetler-header a.geri            { float: right; color:#808080; font-size:14px; position:absolute; top: 15px; right: 0; margin: 0px 0 0 0; }
.hizmetler-header a.geri img        { margin: 0 0 0 10px; }
.hizmetler-header .headorta         { position: relative; margin: -45px auto 0 auto; width: 240px; height: 135px; border-radius: 10px; text-align: center; padding: 10px; background: #e3e6e8; }
.hizmetler-header .headorta h1      { float: left; width:100%; margin:5px 0 5px 0px; color:#c5271a; font-size:20px; line-height: 20px; font-family:'Barlow', sans-serif; letter-spacing:4px; font-weight: bold;  }
.hizmetler-header .headorta span    { float: left; width:100%; margin:0 0 0 0; color:#545454; font-size:13px; font-family:'Barlow', sans-serif; letter-spacing:4px;  }

.header2 #header .container         { border-bottom:1px solid#f7f7f8; }

.hizmetler .hizmetalan { float: left; width: 50%; padding: 0px 35px 0 15px; margin:0 0 60px 0; position: relative;  }
.hizmetler .hizmetalan:nth-child(even) { float: left; width: 50%; padding: 0px 15px 0 35px; }

.hizmet-post                    { float: left; position: relative; width:100%;  background:#f2f4f4; border-radius: 0 30px 30px 0; padding:0 15px 0 0; }
.hizmet-post .hizmetresim       { float: left; position: relative; width:220px; margin:0 25px 0 0; overflow: hidden; }
.hizmet-post .hizmetresim img   { float: left; width:100%; height:315px; object-fit:cover; transition: all .5s ease 0s; }
.hizmet-post a { float: left; position: relative; }
.hizmet-post a span  { float: left; position:absolute; width:220px; left: -129px; top: 139px; line-height: 40px; height:40px; text-align: center; background: #c83226; font-size: 15px; color: #fff; font-weight:300; letter-spacing: 3px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }

.hizmet-post a h2               { float: left; position: relative; width: calc(100% - 250px); margin: 50px 0 30px 0; font-size:18px; font-family:'Barlow', sans-serif; letter-spacing:2px;  color:#71777c; }
.hizmet-post a h2:before        { left:0; bottom:-10px; width:100px; height:1px; background:#c83226; content:''; position: absolute; }
#content .hizmet-post a p       {  font-size:15px; font-family:'Barlow', sans-serif; letter-spacing:0px;  color:#71777c; font-weight: 300; float: left; position: relative; width: calc(100% - 250px);  }

#content .hizmet-post a img.hizmetlink{ width: 25px;height: 12px;position: absolute; right: 68px; bottom: 50px; transition: all .5s ease 0s; }
#content .hizmet-post a:hover img.hizmetlink { right: 60px; }
.hizmet-post a:hover .hizmetresim img{  -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); transition: all .5s }

/* Hizmetler Son */


/* Hizmet Detay */
.hizmetdetay    { float:left; width:100%; text-align:center; }

.hizmetback     { margin: 115px 0 0 0; float:left; width:100%; position:relative; background:#e3e6e8; border-radius:80px; padding:0 0 65px 0; }
.hizmetback:before { left:-40%; top:70px; width:3000px; height:25px; content: ''; position: absolute; background:#c5271a; z-index: -1; }

.hizmetdetayresimler { float: left; width: 100%; position: relative; padding:0 90px; margin:-115px 0 50px 0; }
.owl-carousel.hizmetresimler .item a { float: left; width:100%; }
.owl-carousel.hizmetresimler .owl-item img { max-height:324px; object-fit: cover; }
.detayyazilar { float: left; width:100%; padding:0 100px; }
#content .detayyazilar p strong, #content .detayyazilar p b { letter-spacing:2px; }

.owl-carousel.hizmetresimler .owl-nav button.owl-next { font-family: 'Barlow', sans-serif;font-weight: 300;position: absolute; right:-50px; top:45%; font-size: 100px; line-height: 55px; margin: 0; }
.owl-carousel.hizmetresimler .owl-nav button.owl-prev { font-family: 'Barlow', sans-serif;font-weight: 300;position: absolute; left: -50px; top:45%; font-size: 100px; line-height: 55px; margin: 0; }


/* Hizmet Detay Son */




.sikca-sorulanlar { float: left; width: 100%; padding: 20px 0 150px 0; margin-bottom: 0px; }
.sikca-sorulanlar { float: left; width: 100%; position: relative; overflow:hidden; }
.home-faq .popup-youtube img { width: 100%; }


.sikca-sorulanlar .faq { padding:0px 0px 0 0px; float: left; position: relative;width: 100%; }
.sikca-sorulanlar .faq h3     { margin: 55px 0 0 0px; padding: 0px 0 0 80px; font-size:44px; color: #303030; font-weight:900; float: left; width: 100%;position: relative; }
.sikca-sorulanlar .faq h3:before { left: 10px; bottom: 25px; width: 60px; height: 8px; position: absolute; content: ''; background:#0b6b94; }
.sikca-sorulanlar span.slogan { padding: 0; font-size:90px; color:#5197b3; opacity:0.15; font-weight:800; font-family: 'Merriweather Sans', sans-serif; float: left; position: absolute; width:100%;  }
.sikca-sorulanlar span.slogan:before { display: none; }

a.popup-youtube:before  {left:20%; top:25%; width:300px; height:65px;  content: ''; position: absolute; background:url(../images/videoust.png)no-repeat; background-size: contain; }

.sikca-sorulanlar .accordion                { float:left; width:100%; margin:25px 0 0 0;}
.sikca-sorulanlar .acctitle                 { font-family:'Dejavu Sans', sans-serif;display:block;position:relative;line-height:24px;margin:0;font-size:18px;font-weight:400;color:#0b6b94;cursor:pointer;border-top:1px solid #eaeaea;padding:20px 0 20px 20px;}
.sikca-sorulanlar .acctitlec                { cursor:auto;}
.sikca-sorulanlar .acctitle:first-child     { border-top:none;}
.sikca-sorulanlar .acctitle i               { position:absolute;top:21px;left:0;width:14px; height:14px; color:#72adc6;}
.sikca-sorulanlar .acctitle i.acc-open,
.sikca-sorulanlar .acctitlec i.acc-closed   { display:none;}
.sikca-sorulanlar .acctitlec i.acc-open     { display:block;width:14px; height:14px; }
.sikca-sorulanlar .acc_content              { position:relative;padding:0 0 15px 0px;}
.sikca-sorulanlar .acc_content p            { font-size: 12px; color:#545454; font-family:'Dejavu Sans', sans-serif; font-weight:400; }


/* kariyer */

.kariyerdetay { float: left; width:100%; padding:0 20px 0 0; border-right:1px solid#f4f4f5; }
#content .kariyerdetay p { float: left; color:#afafaf; font-size:14px; font-weight: 300; line-height: 18px; }
#content .kariyerdetay p strong { color:#797979; font-size:17px;  }


.insan-kaynaklari               { float: left; position: relative; width: 100%;  }
.kariyerr                       { position: relative; }
.kariyerr:before                { content: '';  right: 5%;  bottom:8%; position: absolute; width: 138px; height: 493px; background: url(../images/filigran.png)no-repeat;}

.insan-kaynaklari h2            { font-weight: 500; text-align:left; float: inherit; width: 100%; margin: 0 0 45px 0; font-size: 20px; color: #a6a6a6;  font-family: 'barlow', sans-serif; letter-spacing: 2px; }
#content .insan-kaynaklari p    { text-align:center; float: left; width: 100%; margin: 0 0 50px 0; font-size:16px; color: #7a868d; }

.insan-kaynaklari span { font-size:13px; font-style: italic; float: left; width: 100%; padding:0 15px; color:#e8e9e8; }
.insan-kaynaklari .ikform form         { float: left; position: relative; margin: 0 -30px 0 -15px; }
.insan-kaynaklari .ikform form input   { background: transparent; border-bottom:1px solid#e1e1e1; border-left:0;border-right:0;border-top:0; float: left; width: 100%; text-align: left; height: 50px; font-size: 16px; color: #848585; font-weight:300; margin: 0 0 40px 0; }
.insan-kaynaklari .ikform form textarea { padding: 50px 0 0 0; background: transparent; border-bottom:1px solid#e1e1e1; border-left:0;border-right:0;border-top:0;  height:80px; max-height:80px; max-width: 100%; width: 100%; font-size: 16px; color: #848585; font-weight:300; margin: 0 0 0px 0; }
.insan-kaynaklari .ikform form input.adsoyad::placeholder { color: #848585;padding: 0 0 0 0px }
.insan-kaynaklari .ikform form input.telefon::placeholder { color: #848585;padding: 0 0 0 40px }
.insan-kaynaklari .ikform form input.mail::placeholder { color: #848585;text-align: center; }
.insan-kaynaklari .ikform form textarea::placeholder { color: #848585; }
.insan-kaynaklari .ikform form i       { padding:0 0 0 20px; float: left; width: 100%; font-size: 12px; color:#848585; font-style: normal }
.insan-kaynaklari .ikform form span    { padding:0 0 0 0px; font-family:'Barlow', sans-serif; float: left; width: 100%; font-size: 12px; color:#bdbdbd; font-style: normal  }
.insan-kaynaklari .ikform .gonderbuton { float:right; position: relative; right:0; font-size:16px; color:#162d3b; font-weight:bold; width:111px; height: 54px; text-align:center; line-height:54px; margin:0px;position:relative; background:url(../images/gonder.png) no-repeat;  cursor:pointer; }



.insan-kaynaklari form input[type="checkbox"] { opacity: 0; float: left; width:18px; height:18px; margin: 10px 5px 0 0; position: relative; z-index: 1;}
.insan-kaynaklari form .checkmark2 { position: absolute;top: 10px;left: 0px; height: 18px; width: 18px; border: 1px solid#a7a7a7; border-radius: 0%; cursor:pointer;}
.insan-kaynaklari form input[type="checkbox"]:checked ~ .checkmark2 { background-color: #848585;}
.insan-kaynaklari form .checkmark2:after {content: ""; position: absolute; display: none;}
.insan-kaynaklari form input[type="checkbox"]:checked ~ .checkmark2:after { display: block;}
.insan-kaynaklari form .checkmark2:after { top: 4px; left: 4px; width: 7px; height: 7px; border-radius: 0; background: white;}

.insan-kaynaklari form label        { float: left; width:calc(100% - 30px); font-size:14px; color:#939393; font-weight:400; margin: 10px 0px 0 0;}
.insan-kaynaklari form label a      { font-size:14px; color:#939393; font-weight:600; cursor:pointer; }

.insan-kaynaklari form .radiolar            { float: left; width:100%; height:50px; position: relative; }
.insan-kaynaklari form .radiolar input      { position: absolute; opacity: 0; cursor: pointer; margin: 0; left: 0; top: 3px; width: 14px; height: 14px; z-index: 1;}
.insan-kaynaklari form .radiolar .checkmark { border: 1px solid#ababab; position: absolute; top: 3px; left: 0px;  height: 15px; width: 15px; border-radius: 0%;}
.insan-kaynaklari form .radiolar input:checked ~ .checkmark { background-color: #848585;}
.insan-kaynaklari form .radiolar .checkmark:after {content: ""; position: absolute; display: none;}
.insan-kaynaklari form .radiolar input:checked ~ .checkmark:after { display: block;}
.insan-kaynaklari form .radiolar .checkmark:after { top: 3px; left:3px; width: 7px; height: 7px; border-radius: 0; background: white;}

.insan-kaynaklari form .radiolar label  { margin: 0 0 0 19px; font-weight: 300; font-size: 15px; color: #848585;}


.insan-kaynaklari form input.turuncu { background: none; float: right; width: 90px; height: 70px; margin: 40px 0 0 0; border: 0; }
.turuncu::-webkit-file-upload-button { visibility: hidden;}
.turuncu::before {  content: 'Yükle';  display: inline-block;  background: url(../images/file.png) no-repeat; width:65px; height: 50px; background-size: contain !important; outline: none;white-space: nowrap;-webkit-user-select: none;cursor: pointer; font-size: 11pt; font-weight: 300; color: #fff; padding:18px 8px;}


.insan-kaynaklari form a        { cursor: pointer; position: relative; margin: 40px 0 0 0; padding: 0; line-height: 75px; width: 100%; height: 75px; text-align: center; color: #fff; font-size: 19px; float: left;  position: relative; background: #c5271a;  font-family: 'Barlow', sans-serif; font-weight: 600; letter-spacing: 3px; }
.insan-kaynaklari form a:hover  { opacity:0.9  }
.insan-kaynaklari .ikform form i { left: 0; padding: 0; top:11px; text-align:center; width:100%; position: absolute; float: left; }
#content .insan-kaynaklari .ikform p.form_aciklama{ float: left; width:100%; margin: 20px 0; padding:0 30px; text-align:center; color:#b5b8bb; }

/* kariyer son */



.hata-header            { float: left; position: relative; width: 100%; height:185px; border-bottom:8px solid#aab6c8; background:url(../images/404head.jpg) no-repeat top center; }
.hata-header h1         { margin:58px 0 0 0;font-size:24px; color:#fff; font-weight:500; text-align:center; float: left; position: relative; width:100%;  z-index:2;  }
.hata-header h1:after   { content:'';  bottom:0px; left: 42%;  width: 190px; height:15px; background:#84a7b4; position: absolute; z-index:-1; }



.proje-header               { float: left; position: relative; width: 100%; height:340px; border-bottom:15px solid#c25054; background:url(../images/proje-header.jpg) no-repeat top center; }
.proje-header h1            { margin: 45px 0 0 0; font-size:35px; color:#fff; font-weight:700; text-align:center; float: left; position: relative; width:100%; }
.proje-header ul.breadcumps         { margin:0 auto; width: 100%; position: relative; text-align: center;  }
.proje-header ul.breadcumps li  { margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#fff;  display:initial; text-align: center; }
.proje-header ul.breadcumps li:last-child { border-right:0; margin: 0; padding:0; }
.proje-header ul.breadcumps li a { color:#fff; font-size:16px; }
.proje-header ul.breadcumps li a:hover { color:#fff; }
.proje-header p             { margin: 40px 0 0 0; float: left; width:100%; text-align:center; color:#d4d4d4; font-size:14px; font-style:italic }





.kategori-header                   { float: left; position: relative; margin:25px 0 25px 0; width: 100%; height:105px; background:#e9edee; }
.kategori-header:before            { left:0; top:15px; width:100%; height:75px; background:#c5271a; content:''; position: absolute; }
.kategori-header ul                { margin:45px 0 0 0; float: left; position: relative; text-align: left;  }
.kategori-header ul li             { line-height: 14px; float: left;margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#ef9f84;  display:initial }
.kategori-header ul li:last-child  { border-right:0; margin: 0; padding:0; }
.kategori-header ul li a           { color:#e3e6e8; font-size:13px; font-family:'Barlow', sans-serif; font-weight:300; letter-spacing:1px; }
.kategori-header ul li a:hover     { color:#e3e6e8; }
.kategori-header ul li:last-child a { font-weight:300; }

.kategori-header a.geri            { float: right; color:#e3e6e8; font-size:14px; position:absolute; top: 43px; right: 0; margin: 0px 0 0 0; }
.kategori-header a.geri img        { margin: 0 0 0 10px; }
.kategori-header .headorta         { position: relative; margin:-15px auto 0 auto; width: 240px; height: 135px; border-radius: 10px; text-align: center; padding: 10px; background: #e3e6e8; }
.kategori-header .headorta h1      { float: left; width:100%; margin:5px 0 5px 0px; color:#c5271a; font-size:20px; line-height: 20px; font-family:'Barlow', sans-serif; letter-spacing:4px; font-weight: bold;  }
.kategori-header .headorta span    { float: left; width:100%; margin:0 0 0 0; color:#545454; font-size:13px; font-family:'Barlow', sans-serif; letter-spacing:4px;  }




.kategoriler                    { float: left; position: relative; width:100%; }
.kategoriler .kategorilerr p    { padding:0 100px; margin:0 0 50px 0; color:#9c9c9c; font-size: 14px; float: left; width:100%; text-align:center; }
.kategorilerr .kategori         { float: left; position: relative; width:100%; }
.kategorilerr .kategori a       { padding:0px;transition: transform .4s; margin-bottom:30px; float: left; position: relative; width:100%; }
.kategorilerr .kategori a img   { float: left; width: 100%; height:215px; object-fit:cover; position: relative; transition: transform .4s; }
.kategorilerr .kategori .katbaslik { position: absolute; bottom: 30px; left: 30px; }
.kategorilerr .kategori .katbaslik h2 {
    line-height: 21px;
    text-align: left;
    padding: 0;
    margin: 0px 0 0 0;
    color: #fffefe;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;
    float: left;
    width: 100%;
    position: relative;
    text-shadow: 1px 0px 10px #000;
}
.kategorilerr .kategori .katbaslik span  { margin:0px 0 0 0; color:#ffffff; font-size:14px; font-weight:300; font-family:'Barlow', sans-serif; float:left;width:100%; position: relative; }
.kategorilerr .kategori a:hover img { transform: scale(1.1); }
.kategorilerr .kategori .katimage {
    border-radius: 0;
    width: 100%;
    height: 215px;
    overflow: hidden;
    float: left;
    position: relative;
    border: 1px solid #ddd;
    transition: transform .4s;
    box-shadow: 1px 1px 3px #f7f7f7;
}

.kategorileralt        { padding:20px 0 90px 0; margin: 80px 0 0 0; position: relative; float: left; width:100%; background: #eef0f1;  }
.kategorileralt .urunlerbaslik { float: left; position:relative; width:100%; height:34px; background:#c5271a; margin-bottom:30px;}
.kategorileralt .urunlerbaslik:before { content: ''; left:-100%; top:0px; position:absolute; width:100%; height:34px; background:#c5271a; }
.kategorileralt .urunlerbaslik:after  { content: ''; right:-90%; top:0px; position:absolute; width:100%; height:34px; background:#c5271a; }
.kategorileralt .urunlerbaslik .baslikalan { float: left; width:auto; padding: 0 20px; background:#eef0f1; }
.kategorileralt .baslikalan h2 { float: left; margin: 0;font-weight: 700;line-height: 25px;letter-spacing:4px; font-family:'Barlow', sans-serif; font-size:26px; color:#545454; }
.kategorileralt .baslikalan span { margin: 0 0 0 17px; float: left; clear:both; letter-spacing:2px;  font-family:'Barlow', sans-serif; font-size:18px; color:#545454; font-weight:400; }

.kategorileralt .randevu           { float: left; width:100%;margin:-125px 0 0 0; position: relative; padding: 40px 40px 20px 40px; border: 1px solid #cacaca; border-radius: 30px; background: #fff;  background: -moz-linear-gradient(top, #fff 0, #f1f1f1 100%); background: -webkit-linear-gradient(top, #fff 0, #f1f1f1 100%); background: linear-gradient(to bottom, #fff 0, #f1f1f1 100%)}
.kategorileralt .randevu h3        { color: #d7151b; font-size: 27px; font-weight: 700; margin: 0}
.kategorileralt .randevu h3 span   { color: #323232; font-weight: 500}
.kategorileralt .randevu p         { color: #828282; font-size: 16px; font-weight: 300; margin: 0}
.kategorileralt .randevu form      { margin: 25px 0; }
.kategorileralt .randevu input,
.kategorileralt .randevu select,
.kategorileralt .randevu textarea  { border: 1px solid #cacaca; background: #fff; color: #7b7b7b; font-size: 15px; font-weight: 400; width: 100%; margin-bottom: 10px; padding: 15px 10px 15px 35px}
.kategorileralt .randevu label     { width: 100%;position: relative;}
.kategorileralt .randevu i         { position: absolute; margin-left: 11px; font-size: 18px; color: #7b7b7b; margin-top: 17px}
.kategorileralt .randevu a    { cursor:pointer; background: #d7151b; color: #fff;  font-size: 14px;  font-weight: 800; text-align: center; padding: 10px 30px; border:0; margin:0 auto; width:110px;  display:block }
.kategorileralt .randevualt        { float: left; background: #949494; color: #fff; font-size: 16px; font-weight: 500; text-align: center;  padding: 10px 0; border-radius: 0 0 30px 30px; cursor: pointer}

.kategorileralt .randevu select { width:calc(100% - 5px); }
.kategorileralt .randevu label:nth-child(3):before {width: 6px;
    height: 52px;
    border-right: 1px solid#cacaca;
    border-top: 1px solid#cacaca;
    border-bottom: 1px solid#cacaca;
    right: 1px; top:0px; background: #fff; z-index:2; position: absolute; content:''; }




.kategorileralt .anahizmetresim    { float: left; margin:90px 0 0 0px; position: relative; }
.kategorileralt .anahizmetresim h3 { font-family:'Barlow', sans-serif; position:absolute; left:-118px; top:120px; z-index:2; float:left; width: 230px; height: 38px; padding: 0; line-height: 38px; text-align: center; background: #c5271aed; font-size: 15px; color: #fff; font-weight: 400; letter-spacing: 3px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
.kategorileralt .anahizmetresim img{ opacity: 0.8; position: relative; z-index: 1; }
.kategorileralt .owl-carousel.anahizmetler { float:left; margin:120px 0 0 0; position: relative; width:90%; }
.kategorileralt .owl-carousel.anahizmetler .item a { position:relative; float: left; margin:0 0 40px 0; font-size:18px; font-weight:500; color:#71777c; letter-spacing:3px; }
.kategorileralt .owl-carousel.anahizmetler .item a:before { left:0px; bottom:-10px; width:90%; height:1px; background:#c5271a; content:''; position:absolute; }
.kategorileralt .owl-carousel.anahizmetler .item p { float: left; font-size:16px; font-weight:300; width:100%; color:#545454; }

.kategorileralt .owl-carousel.anahizmetler .owl-dots { width:100%; text-align: left; position: absolute; bottom:-50px; left:-5px;}
.kategorileralt .owl-carousel.anahizmetler .owl-dots .owl-dot span { width: 20px; height: 20px; margin: 5px 5px; background: #b5b8bb; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; border: 5px solid #b5b8bb;}
.kategorileralt .owl-carousel.anahizmetler .owl-dots .owl-dot.active span { background: #FFF; }




.kategoridetay-header {
    float: left;
    position: relative;
    margin: 0px 0 20px 0;
    width: 100%;
    /* background: #f5f5f5; */
}
.kategoridetay-header h1 {
    margin: 0;
    /* line-height: 35px; */
    /* float: left; */
    /* width: 100%; */
    font-size: 20px;
    /* color: #fff; */
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Barlow', sans-serif;
    padding-left: 15px;
    padding-top: 10px;
}
.kategoridetay-header span      { float: left; width:100%; font-size:13px; color: #e3e6e8; font-weight:300;letter-spacing:2px; font-family:'Barlow', sans-serif;  }

.kategori_breadcumps            { float: left; position: relative; width:100%; }
.kategori_breadcumps ul         { float: left; position: relative; margin:0 0 20px 0; }
.kategori_breadcumps ul li      { line-height:14px; float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#dadada; display: initial; }
.kategori_breadcumps ul li:last-child { border:0; }
.kategori_breadcumps ul li a    { color: #b5b8bb; font-size: 14px; font-family: 'Barlow', sans-serif; letter-spacing: 1px; }
.kategori_breadcumps ul li:last-child a { font-weight: bold; }

.kategori_breadcumps a.geri { float: right; color: #a6a6a6; font-size: 14px; }
.kategori_breadcumps a.geri img { margin:0 0 0 5px; }



.kategoridetay .kategori        { border-radius: 30px; float: left; width: 100%; margin:0px 0 15px 0; position: relative;  }
.kategoridetay .kategori a      { border-radius: 30px; float: left; width: 100%; position: relative; overflow:hidden; z-index:0}
.kategoridetay .kategori a img  { border-radius: 30px; transition: all 0.6s ease 0s; height:215px; width: 100%; object-fit:cover; }
.kategoridetay .kategori a:hover img { transform: scale(1.06);  transition: all 0.6s ease 0s; }
.kategoridetay .kategori h2     { float: left; width: 100%; text-align: center; padding: 0 10px; margin: 10px 0; position: relative; font-size: 18px; font-weight: 600; color: #737373; line-height: 22px; }


.sidebar {
    float: right;
    margin: -80px 0 0 0;
    padding: 30px 25px;
    width: calc(100% - 15px);
    border-radius: 30px;
    position: relative;
    background: #e3e6e8;
}.sidebar h3     { color:#545454; font-size: 20px; margin:0px 0 5px 0; line-height: 20px; float: left; width: 100%; }
.sidebar span   { color:#737373; font-size: 15px; letter-spacing:2px; font-weight:300; margin:0px 0 5px 0; float: left; width: 100%; }


.sidebar .accordion                { float:left; width:100%; margin:25px 0 0 0;}

.sidebar .solkat                   { float: left;width: calc(100% - 20px); display:block; position:relative; line-height:24px; margin:-1px 0 0 0; border-top:1px solid#c4c7ca; border-bottom: 1px solid#c4c7ca; padding:20px 20px 20px 29px; background:url(../images/leftside.png) no-repeat left center; text-transform:uppercase; }
.sidebar .solkat a                 { font-size:18px; font-weight:400;  color:#545454; font-family:'Barlow', sans-serif; }
.sidebar .acctitle                 { border-top:1px solid#c4c7ca; border-bottom: 1px solid#c4c7ca; float: left; position: relative; width: 20px;  height: 68px;  right: 0; top:-1px; cursor: pointer; padding:0px;}
.sidebar .acctitlec                { cursor:auto;}
.sidebar .acctitle i               { position:absolute;top:21px;right:0;width:14px; height:14px; color:#b5b8bb; font-weight:300;}
.sidebar .acctitle i.acc-open,
.sidebar .acctitlec i.acc-closed   { display:none;}
.sidebar .acctitlec i.acc-open     { display:block;width:14px; height:14px; }
.sidebar .acc_content              { position:relative;padding:0 0 15px 0px; float: left; width: 100%;}
.sidebar .acc_content a            { float:left; width:100%; color:#737373; font-size:19px; font-weight:300; padding:0 0 0 13px; margin:10px 0 0px 0; }

.sidebar .acc_content ul            { margin: 10px 0; padding: 0 0 0 6px; float: left; width:100%; position: relative; }
.sidebar .acc_content ul li         { margin:0 0 10px 0; float: left; width:100%; position: relative; }
.sidebar .acc_content ul li a       { margin:0; color:#737373; font-size:18px; font-weight:300; float: left; width:100%; position: relative; }
.sidebar .acc_content ul li:last-child { margin: 0 0 0px 0; }



/* urundetay */


.kategoriler.yeter:before   { content: '';  left: 5%;  bottom:8%; position: absolute; width: 138px; height: 493px; background: url(../images/filigran.png)no-repeat;}


.urunresimler               { float: left; width:100%; padding:0 0px 0 0; }
.owl-carousel.urunslide     { max-height: 470px; }
.owl-carousel.urunslide .owl-item img {
    max-height: 430px;
    min-height: 430px;
    object-fit: contain;
    border: 1px solid #ddd;
}

.owl-carousel.urunslide .owl-nav button.owl-next { position: absolute; top:35%; right:15px; }
.owl-carousel.urunslide .owl-nav button.owl-prev { position: absolute; top:35%; left:15px; }
.owl-carousel.urunslide .owl-nav button.owl-next span,
.owl-carousel.urunslide .owl-nav button.owl-prev span{ font-size: 120px; line-height: 120px; color: #c5271a; }


.urundetay .slidealt { float: left; width: 100%; min-height: 75px; margin: 30px 0; padding: 15px 0; border-top:1px solid#f1f1f1; border-bottom:1px solid#f1f1f1; }
.urundetay .slidealt .addthis_inline_share_toolbox_hh99 { float: left; position: relative; width: calc(100% - 100px); left: 0; top:13px; clear: right !important; }
.urundetay .slidealt .addthis_inline_share_toolbox_hh99 .tweet_iframe_widget { width: 72px !important; }
.urundetay .slidealt a.katalog  { float: right; }


.urundetay              { float: left; width: 100%; position: relative; }
.urundetay p            { font-size:18px; color: #545454; font-weight: 400; }

.table-responsive table { width: 100% !important; max-width: 100% !important; margin-bottom: 20px; }
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    padding: 8px;  line-height: 1.42857143;  vertical-align: middle; border-top: 1px solid #dddddd;}



/* iletişim */
.iletisimsayfa          { float: left; width: 100%; position: relative;  }

.iletisim-header        { float: left; width: 100%; height:50px; padding:0px 0; position: relative; background:url(../images/breadbg.jpg); }
.iletisim-header ul     { float: left; margin:10px 0 0 0; position: relative;  }
.iletisim-header ul li  { margin:0 30px 0 0; padding:0 10px 0 0; display:initial; }
.iletisim-header ul li:last-child { border-right:0; margin: 0; padding:0; }
.iletisim-header ul li a { color:#545454; font-size:16px; font-weight:300; font-family:'Barlow', sans-serif; }
.iletisim-header ul li a:hover { color:#545454; }


.solliste.iletisimsol   { padding: 25px 40px 30px 40px; }
.solliste .kat1         { float: left; margin:30px 0 0 0; padding:0 20px; text-align: center; width: 100%; position: relative; font-family:'Barlow', sans-serif;  }
.solliste .kat1 i       { margin:0 0 10px 0; }
.solliste .kat1 span    { float: left; font-size:19px; color: #545454; font-weight:400; margin:0px 0 5px 0; letter-spacing: 2px;}
.solliste .kat1 p       { float: left; font-size:16px; color: #969696;}
.solliste .kat2         { float: left; margin:30px 0 0 0; padding:0 13px; text-align: center; width: 100%; position: relative; font-family:'Barlow', sans-serif;  }
.solliste .kat2 i       { margin:0 0 10px 0; }
.solliste .kat2 p       { float: left; font-size:19px; font-weight:bold; color: #545454; margin: 0 0 5px 0; text-align: center;
    width: 100%;}
.solliste .kat2 span    { float: left; font-size:16px; color: #545454; font-weight:400; margin:0px 0 0px 0; letter-spacing:0px;}
.solliste .kat2 span.gsm{ font-size:15px; letter-spacing:0px;}
.solliste span.mesai    { float: left; width: 100%; margin:20px 0 0 0; font-size:13px; color:#969696; letter-spacing:0px;}
.solmail                { float: right; padding:35px 0; width: 84%; margin:30px 0; text-align: center; position:relative; background:url(../images/mail2.png)no-repeat top center; }
.solmail p              { float: left; width: 100%; text-align: center;  font-size:19px; font-weight:bold; color: #545454; margin:0 0 0px 0; line-height:19px;}
.solmail span           { float: left; width: 100%; text-align: center;font-size:16px; color: #a6a6a6; font-weight:400; margin:0px 0 0px 0; letter-spacing:0px;}



.iletisim               { float: left; width:100%; position:relative; }
iframe.haritamap        { float:left;width:100%;margin:0px 0 0 0; position: relative; z-index: 0;}


.iletisim-form              { float: left; width: 100%; padding:0 0px 0px 0; }
.iletisim-form .ust-bilgi   { margin:50px 0 50px 0; float: left; position: relative; width:100%; }
.iletisim-form .ust-bilgi h2{ margin: 0px 0 20px 0; position: relative; font-size:18px; font-weight:600; color:#545454; float: left; letter-spacing:1px;  font-family:'Barlow', sans-serif; }
.iletisim-form .ust-bilgi h2:before { left:0px; bottom:-5px; background:#b5b8bb; content: ''; position: absolute; height:1px; width:110%; }
.iletisim-form .ust-bilgi p { margin:0px 0 0 0;font-size: 14px; font-weight:400; color:#9c9c9c; float: left; width:100%;  font-family:'Barlow', sans-serif; }

.iletisim-form form         { float: left; position: relative; margin: 0 -30px 0 -15px; }
.iletisim-form form input   { background: transparent; border-bottom:1px solid#dcdcdc; border-left:0;border-right:0;border-top:0; float: left; width: 100%; text-align: left; height: 50px; font-size: 16px; color: #a5a5a5; font-weight:200; margin: 0 0 40px 0; }
.iletisim-form form textarea { padding: 70px 0 0 0; background: transparent; border-bottom:1px solid#dcdcdc; border-left:0;border-right:0;border-top:0;  height:110px; max-height:110px; max-width: 100%; width: 100%; font-size: 16px; color: #a5a5a5; font-weight:200; margin: 0 0 10px 0; }
.iletisim-form form input.adsoyad::placeholder { color: #a5a5a5;padding: 0 0 0 0px }
.iletisim-form form input.telefon::placeholder { color: #a5a5a5;padding: 0 0 0 40px }
.iletisim-form form input.mail::placeholder { color: #a5a5a5;text-align: center; }
.iletisim-form form textarea::placeholder { color: #a5a5a5; }
.iletisim-form form i       { padding:0 0 0 20px; float: left; width: 100%; font-size: 12px; color:#9b080d; font-style: normal }
.iletisim-form form span    { padding:0 0 0 20px; float: left; width: 100%; font-size: 11px; color:#848585; }
.iletisim-form .gonderbuton { float:left; position: relative; right:0; font-size:16px; color:#312f2e96; font-weight:bold; width:111px; height: 54px; text-align:center; line-height:54px; margin:15px 0 0 0;position:relative; background:url(../images/gonder.png) no-repeat;  cursor:pointer; }

.iletisimsube               { float: left; position:relative; width:100%; }
.iletisimsube .subebaslik           { float: left; position:relative; width:100%; height:34px; background:#c5271a; margin-bottom:30px;}
.iletisimsube .subebaslik:before    { content: ''; left:-100%; top:0px; position:absolute; width:100%; height:34px; background:#c5271a; }
.iletisimsube .subebaslik:after     { content: ''; right:-90%; top:0px; position:absolute; width:100%; height:34px; background:#c5271a; }
.iletisimsube .subebaslik .baslikalan { float: left; width:auto; padding: 0 0px; }
.iletisimsube .subebaslik .baslikalan h2:before{ content: ''; left:-20px; top:-8px; position:absolute; width:calc(100% + 40px); height:50px; background:#fff; z-index:-1; }
.iletisimsube .subebaslik .baslikalan h2    { float: left; width: 100%; margin: 0; line-height: 34px;letter-spacing:5px; z-index: 2; font-family:'Barlow', sans-serif; font-size:26px; color:#545454; position: relative; }

.iletisimsube .subealan      { float:left; position:relative; width:100%; margin:45px 0 0 0; }
.iletisimsube .subealan span { padding:0 0 0 0px; float:left; width:100%; font-size:16px; color:#545454; font-weight:400; }
.iletisimsube .subealan p    { padding:0 0 0 0px; margin:10px 0 0; float:left; width:100%; font-size:20px; color:#545454; font-weight:500; }
.iletisimsube .subealan i    { position: relative; top: -7px;float:left; width:100%; text-align:center; margin:-5px 0 0 -20px; }
/* iletişim Son */

#header{position:relative;}
#header .container{position:relative;}
#header.transparent-header{background:none;z-index:199;padding:0px 0; position: relative; width: 100%;height: 170px;}
#header.semi-transparent{background-color:rgba(255,255,255,0.8);}
#header.transparent-header.floating-header{margin-top:60px;}
#header.transparent-header.floating-header .container{width:1220px;background-color:#FFF;padding:0 40px;border-radius:2px;}

#header.transparent-header.floating-header + #slider,
#header.transparent-header.floating-header + #google-map{top:-160px;margin-bottom:-160px;}
#header.full-header{border-bottom-color:#EEE;}
body.stretched #header.full-header .container{width:100%;padding:0 30px;}
#header.transparent-header.full-header #header-wrap{border-bottom:1px solid rgba(0,0,0,0.1);}
#header.full-header #logo       { padding-right:30px;margin-right:30px;border-right:1px solid #EEE;}
#header.transparent-header.full-header #logo{border-right-color:rgba(0,0,0,0.1);}
#logo a                         { display:block;color:#000;}
#logo img                       { display:block;max-width:100%;width:150px}
#logo a.standard-logo           { display:block;}



.primary-menu                   { float: left;  width: 100%;   margin: 40px 0 0 0;}
.primary-menu ul.mobile-primary-menu{ display:none;}
#simplemodal-container          { top: 10% !important; }
.primary-menu ul            { list-style:none;margin:0;}
.primary-menu > ul          { float: left;  position: relative; margin: 0 0 0 0;}
.primary-menu ul li         { position:relative; float: left; margin: 0 40px 0 0}
.primary-menu ul li.mega-menu{ position:inherit;}
.primary-menu ul > li       { float: none; padding: 0px 0px 0 0px; display: inline-block; }
.primary-menu > ul > li:first-child{margin-left:0;}
.primary-menu ul li > a{ text-transform: uppercase; display:block; padding: 8px 0px;color:#534741;font-weight:400;font-size:20px;font-family: 'Barlow', sans-serif; -webkit-transition:margin .4s ease, padding .4s ease;-o-transition:margin .4s ease, padding .4s ease;transition:margin .4s ease, padding .4s ease;}
.primary-menu ul li > a:hover {color:#534741}
.primary-menu ul li:last-child > a { border-right: none; }
.primary-menu ul li > a span{display:none;}
.primary-menu ul li > a i{position:relative;top:-1px;font-size:14px;width:16px;text-align:center;margin-left:6px;vertical-align:top;}
.primary-menu ul li > a i.icon-angle-down:last-child{font-size:12px;margin:0 0 0 5px;}
body.no-superfish .primary-menu li:hover > ul:not(.mega-menu-column),
body.no-superfish .primary-menu li:hover > .mega-menu-content{display:block;}
.primary-menu ul ul:not(.mega-menu-column),
.primary-menu ul li .mega-menu-content          { display:none; border-top: 2px solid#ab2930; position:absolute; width:220px; background-color:#FFF;box-shadow:0px 13px 42px 11px rgba(0, 0, 0, 0.05);height:auto;z-index:199;top:100%;left:0;margin:0;}
.primary-menu ul ul:not(.mega-menu-column) ul   { top:-2px !important;right:218px;}
.primary-menu ul ul.menu-pos-invert:not(.mega-menu-column),
.primary-menu ul li .mega-menu-content.menu-pos-invert          { left:auto;left:0;}
.primary-menu ul ul:not(.mega-menu-column) ul.menu-pos-invert   { left:218px;}
.primary-menu ul ul li                          { float: left; width: 100%; text-align: left;margin:0;display: block;}
.primary-menu ul ul li:first-child              { border-top:0;}
.primary-menu ul ul li > a                      { font-size:16px;font-weight:300;color:#666;padding: 10px;font-family:'Montserrat', sans-serif;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.primary-menu ul ul li > a i                    { vertical-align:middle;}
.primary-menu ul ul li:hover > a                { background-color:#F9F9F9;padding-left:25px;color:#002d56;}
.primary-menu ul ul > li.sub-menu > a,
.primary-menu ul ul > li.sub-menu:hover > a     { background-image:url("images/icons/submenu.png");background-position:right center;background-repeat:no-repeat;}

#header-wrap{position:relative; -webkit-backface-visibility:hidden;}

#page-menu,
#page-menu-wrap{position:relative;height:44px;line-height:44px;text-shadow:1px 1px 1px rgba(0,0,0,0.1);}
#page-menu-wrap{z-index:99;background-color:#002d56;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;}
#page-submenu-trigger{top:0;margin-top:0;left:auto;right:15px;width:40px;height:44px;line-height:44px;}
#page-menu .menu-title{float:left;color:#FFF;font-size:20px;font-weight:300;}
#page-menu .menu-title span{font-weight:600;}
#page-menu nav{position:relative;float:right;}
#page-menu nav ul{margin-bottom:0;height:44px;}
#page-menu nav li{position:relative;float:left;list-style:none;}
#page-menu nav li a{display:block;height:28px;line-height:28px;margin:8px 4px;padding:0 14px;color:#FFF;font-size:14px;border-radius:14px;}
#page-menu nav li a .icon-angle-down{margin-left:5px;}
body:not(.device-touch) #page-menu nav li a{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#page-menu nav li:hover a,
#page-menu nav li.current a{background-color:rgba(0,0,0,0.15);}
#page-menu li:hover ul{display:block;}
#page-menu ul ul{display:none;position:absolute;width:150px;top:44px;left:0;z-index:149;height:auto;background-color:#002d56;}
#page-menu ul ul ul{display:none !important;}
#page-menu ul ul li{float:none;}
#page-menu ul ul a{height:auto;line-height:22px;margin:0;padding:8px 14px;border-radius:0;background-color:rgba(0,0,0,0.15);}
#page-menu ul ul li:hover a,
#page-menu ul ul li.current a{background-color:rgba(0,0,0,0.3);}



#content p              { line-height:23px;color:#737373;font-family:'Barlow', sans-serif; font-size: 17px;}
.content-wrap           { position:relative;padding:0px 0;}
#content .container     { position:relative;}


.modal.in .modal-dialog { width:660px; max-width: 100%}
.modal-content.talepp { float: left; width: 100%; height:761px; padding:40px 0 0 50px; background: url(../images/popupbg.png) no-repeat;border: 0; box-shadow: none; }
.modal-content.talepp h3 { position: relative; margin:0 0 40px 0; font-weight:700;   float: left;  width: 340px;  font-size: 21px;  color: #545454; }
.modal-content.talepp h3:before { left:0px; bottom: -20px; content:''; position: absolute; width:80%; height: 1px; background:#d9dcde; }

.modal-content.talepp ul            { float: left; width:calc(100% - 60px); position: relative; }
.modal-content.talepp ul li         { float: left; width: 100%; margin-bottom:20px;  }
.modal-content.talepp ul li span    { font-weight:700; float: left;  font-size:16px;  color: #545454; text-decoration: underline; }
.modal-content.talepp ul li p       { font-weight:400; float: left; width:100%; font-size:19px;  color: #545454; }

.modal-content.talepp .modal-body   { padding: 0; }
.modal-content.talepp .modalfooter  { float: left;width:calc(100% - 60px); position: relative; }
.modal-content.talepp .modalfooter .modalfooteralt { float: left; width: 100%; border-top: 1px solid#e3e7e9; padding:15px 0 0 0; margin: 15px 0 0 0; }
.modal-content.talepp .modalfooter .modalfooteralt span { font-size:13px; color:#7a868d; font-weight:200; letter-spacing:7px; float: left; width: 50%; }
.modal-content.talepp .modalfooter .modalfooteralt p { margin:10px 0 0 0; font-size:13px; color:#545454; letter-spacing:0px; float: left; width: 100%; }


.talepsag { float: right; width: 498px; padding: 55px; margin: 40px 50px;    z-index: 10; }
.talepsag h5 { float:left;width:100%;position: relative; color: #000; font-size:25px; font-weight: 500;  text-transform:uppercase; margin:0 0 30px 12px;z-index:2;}
.talepsag h5:before{ left:-12px; top:-2px; content:''; position: absolute; background:#dfdcdc; width:30px; height: 40px; z-index:-1; }
.talepsag p { float:left;width:100%;color:#9d9d9d; font-size:14px; font-weight:300;   }
.talepsag input { float: left; height:45px; outline:0; font-size:14px; color:#605e5e; font-weight:300; width:100%; padding:10px 20px;  background:#f7f7f7; border:1px solid#e5e5e5; border-radius: 20px; margin:0 0 10px 0; }
.talepsag textarea { float: left; outline:0; font-size:14px; color:#605e5e; font-weight:300;  width:100%; height:105px;max-width:100%; max-height:105px; padding:10px 20px;  background:#f7f7f7; border:1px solid#e5e5e5; border-radius: 20px; margin:0 0 10px 0; }

.talepsag a  { float: right; cursor:pointer; border-radius:10px; color:#fff; padding:14px 40px; font-weight:600; font-size:14px; margin-top:20px; background: rgb(163,66,33); background: linear-gradient(45deg, rgba(163,66,33,1) 0%, rgba(203,79,37,1) 100%); }
.talepsag a:hover { background: rgb(163,66,33); background: radial-gradient(circle, rgba(163,66,33,1) 0%, rgba(203,79,37,1) 100%); }

button.close {z-index: 2; background: #2081ab; color: #fff; width: 20px;  height: 20px; border-radius: 50%;  position: absolute; top: 65px; right: 140px; opacity: 1; }
button.close:hover, button.close:focus { color: #fff; }
.modal-backdrop     { background-color: #000000; }
.modal-backdrop.in  { opacity: 0.5; }


.projelersec                      { float: left; width: 100%; position: relative; }
.projelersec:before               { content: '';  right: 5%;  bottom:8%; position: absolute; width: 138px; height: 493px; background: url(../images/filigran.png)no-repeat;}
.projeler-header                    { float: left; position: relative; margin:65px 0 50px 0; width: 100%; height:50px; background:#f5f5f5; }
.projeler-header ul                 { margin:15px 0; float: left; position: relative; text-align: left;  }
.projeler-header ul li              { line-height: 14px; float: left;margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid#c5c5c5;  display:initial }
.projeler-header ul li:last-child   { border-right:0; margin: 0; padding:0; }
.projeler-header ul li a            { color:#b5b8bb; font-size:15px; font-family:'Barlow', sans-serif; letter-spacing:0px; }
.projeler-header ul li a:hover      { color:#b5b8bb; }
.projeler-header ul li:last-child a { font-weight:bold; }

.projeler-header a.geri             { float: right; color:#808080; font-size:14px; position:absolute; top: 15px; right: 0; margin: 0px 0 0 0; }
.projeler-header a.geri img         { margin: 0 0 0 10px; }
.projeler-header .headorta          { position: relative; margin: -45px auto 0 auto; width: 240px; height: 135px; border-radius: 10px; text-align: center; padding: 10px; background: #e3e6e8; }
.projeler-header .headorta h1       { float: left; width:100%; margin:5px 0 5px 0px; color:#c5271a; font-size:20px; line-height: 20px; font-family:'Barlow', sans-serif; letter-spacing:4px; font-weight: bold;  }
.projeler-header .headorta span     { float: left; width:100%; margin:0 0 0 0; color:#545454; font-size:13px; font-family:'Barlow', sans-serif; letter-spacing:4px;  }

.projeler-header .headorta i img { width:31px; }

.projelersayfa                  { float: left; width: 100%; position: relative; margin:20px 0 10px 0;  }
.projelersayfa .owl-demo        { border-bottom: 1px solid#ddd; padding: 0px 0 3px 0; margin: 0 0 20px 0; float: left; width: 100%; }
.projelersayfa .owl-carousel.pcategories .owl-stage-outer  { width: calc(100% - 1px); }
.projelersayfa .owl-carousel.pcategories { float: left; width: 100%; position: relative; }
.projelersayfa .owl-carousel.pcategories .item { border-right:1px solid#ddd; width: 100%; float: left;}
.projelersayfa .owl-carousel.pcategories .item a { font-family:'Barlow', sans-serif;  font-size:100%; color: #737373; font-weight:500; padding:0px; cursor:pointer; float: left; width: 100%; line-height: 18px; text-align: center;  display: flex;  justify-content: center; flex-direction: column;  }
.projelersayfa .owl-carousel.pcategories .item a:hover, .projelersayfa .owl-carousel.pcategories .item a.aktif { color:#c5271a; }

.projelersayfa .owl-carousel.pcategories .owl-nav button.owl-next { right:-50px; top:3px; width:31px; height:14px; font-size:0 !important; position: absolute; background:url(../images/pnext.png) no-repeat; }
.projelersayfa .owl-carousel.pcategories .owl-nav button.owl-prev { left:-50px; top:3px; width:31px; height:14px; font-size:0 !important; position: absolute; background:url(../images/pprev.png) no-repeat; }
.projelersayfa .owl-carousel.pcategories .owl-nav button.owl-next.disabled,
.projelersayfa .owl-carousel.pcategories .owl-nav button.owl-prev.disabled{ opacity:0.4; }


.projelerdetay { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.projedetay h1  { float: left; width: 100%; margin:0 0 15px 0; color:#545454; font-size:18px; font-weight:600; text-transform: uppercase; font-family:'Barlow', sans-serif; letter-spacing:0px; }
.projedetay p { font-size:16px; }

.projeresimler { columns:3 200px; column-gap: 0.5rem; }
.projeresimler a { max-width:100%; margin: 0 0.5rem 10px 0; display: inline-block; }



#content        { float: left; width: 100%; }

#content .faqs h1{position:relative;font-family:'Open Sans', sans-serif;font-weight:600;color:#000;font-size:24px;line-height:34px;float:left;width:100%;margin:0 0 10px 0;padding:0 0 0 0px;}
#content .faqs h2{position:relative;font-family:'Open Sans', sans-serif;font-weight:600;color:#000;font-size:30px;line-height:30px;float:left;width:100%;margin:0 0 10px 0;padding:0 0 0 0px;}
#content .faqs h3{position:relative;font-family:'Open Sans', sans-serif;font-weight:600;color:#000;font-size:22px;line-height:25px;float:left;width:100%;margin:0 0 10px 0;padding:0 0 0 0px;}
#content .faqs h4{position:relative;font-family:'Open Sans', sans-serif;font-weight:600;color:#000;font-size:20px;float:left;width:100%;margin:0 0 10px 0;padding:0 0 10px 0px;}
#content .faqs h5{position:relative;font-family:'Open Sans', sans-serif;font-weight:600;color:#000;font-size:18px;line-height:18px;float:left;width:100%;margin:0 0 10px 0;padding:0 0 0 0px;}
#content .faqs h6{position:relative;font-family:'Open Sans', sans-serif;font-weight:600;color:#000;font-size:17px;float:left;width:100%;margin:0 0 10px 0;padding:0 0 10px 0px;}

.arama-header           { float: left; position: relative; width: 100%; height:185px; border-bottom:8px solid#aab6c8; background:url(../images/subheader-arama.jpg) no-repeat top center; }
.arama-header h1            { margin:58px 0 0 0;font-size:24px; color:#fff; font-weight:500; text-align:center; float: left; position: relative; width:100%;  z-index:2;  }
.arama-header h1:after  { content:'';  bottom:0px; left: 42%;  width: 190px; height:15px; background:#84a7b4; position: absolute; z-index:-1; }

.aramasonuc { float: left; margin: 30px 0 100px 0; padding:80px; background:#f9fbfc; width:100%; min-height: 500px; border-radius: 70px; }

.aramasonuclari     { float: left;  position: relative; width: 100%;  margin-bottom: 40px; }
.aramaitems { float: left; width: 100%; position:relative; }
.aramaitems .kategori { padding:10px 10px 10px 0; float: left; width: 100%; position:relative; border-top:1px solid#ddd; border-bottom:1px solid#ddd;  }
.aramaitems .kategori h2 { margin:0 0 10px 0; font-size:18px; color:#000; text-transform:uppercase; float: left; width:calc(100% - 40px); }
.aramaitems .kategori span { font-size:11px; color:#545454; font-weight:300; float: left; width:calc(100% - 40px); }

.bulunamadi         { margin:40px 0 0 0; padding: 0 0 100px 0; float: left; width: 100%; border-radius:50px; text-align:center; background:#f9fbfc; }
#content .bulunamadi p { font-size:18px; font-weight:400; color:#464646; margin: -80px 0 70px 0;}
.bulunamadi a       { padding: 10px 30px; font-size:18px; font-weight:300; color:#fff; background:#b5261c; }
.bulunamadi .arama  { float: none; margin: 0 auto 50px auto; position: relative; width: 313px; height: 42px;}


#gotoTop{ z-index:299;position:absolute;width:33px;height:33px;background:url(../images/up.png)no-repeat;font-size:0px;top:auto;left:auto;right:175px;bottom:180px;cursor:pointer;border-radius:2px;}
body:not(.device-touch) #gotoTop{transition:background-color .2s linear;-webkit-transition:background-color .2s linear;-o-transition:background-color .2s linear;}
.stretched #gotoTop{bottom:30px;}