@charset "UTF-8";
*{outline:none!important;list-style:none;text-decoration:none;box-sizing:border-box!important}
body,div,span,applet,h1,h2,h3,p,a,img,strong,sub,sup,center,dl,dt,dd,ol,ul,li,table,tr,th,td{margin:0;padding:0;border:0;outline:0;list-style:none}
input,textarea,select,label,option{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important}
select,option,textarea,input[type="text"],input[type="password"],input[type="button"],input[type="submit"],input[type="tel"],input[type="email"]{border-radius:0;border:none;font-family:'Roboto',sans-serif;font-size:13px!important}
input[type="button" i],input[type="submit" i],input[type="reset" i],input[type="file" i]::-webkit-file-upload-button,button{padding:0}
html{height:auto;overflow-x:hidden}
body{font-family:'Roboto',sans-serif!important; color:inherit;height:auto !important}
.clear{clear:both}
a{transition:all .4s ease;text-decoration:none!important}
:hover{transition:all .4s ease}
input.error{border:1px solid red!important}
input.valid{border:1px solid green!important}
::-webkit-input-placeholder{color:#d9d8d8}
:-moz-placeholder{color:#d9d8d8}
::-moz-placeholder{color:#d9d8d8}
:-ms-input-placeholder{color:#d9d8d8}
:root {
--mor:#0089cf;
--siyah:#111;
}
/*font-family: 'Playfair Display', serif;*/
header { position: relative; top: 0; left: 0; width: 100%; z-index: 10; background-color: #fff;}
.home header { background-color: #F4F7F9; }
header .content { width: 90%; max-width: 1200px; display: table; margin: auto; padding:10px 0 20px; }
.home header .content {   border-bottom: 1px solid #ddd; }

header .logo { float: left; display: inline-block;     margin-top: 8px;}
header .logo a { display: block; }
header .logo img{ width:auto; height: 80px;}
header nav { display: inline-block; float: left; margin: 32px 10px 0 30px ; }
header nav ul { float: left; margin-top: 8px;  }
header nav ul li { margin:0 12px !important; float: left; position: relative;  }
header nav ul li.active a,
header nav ul li a:hover{ border-bottom: 2px solid #703EDB; }
header nav ul li a { font-size: 15px; color: #111; padding: 0 0 8px 0; }
header nav ul li ul { min-width: 250px; display: none; position: absolute; background-color: #fff;  right: 0; padding:15px 25px; -webkit-box-shadow: 0px 0px 11px -3px rgb(0 0 0 / 18%);
box-shadow: 0px 0px 11px -3px rgb(0 0 0 / 18%); border-radius: 5px;  }
header nav ul li ul li {width: 100%;   margin:0; padding:5px 0; position: relative;  margin: 0 !important;   }
header nav ul li ul li ul{ left: 100%; top: 0;   }
header nav ul li ul li ul li{border-bottom: 1px solid #eee;}
header nav ul li ul li ul li:last-child{ border-bottom: none; }
header nav ul li ul li a:hover{ border-bottom: none; }
header nav ul li i {font-size: 13px; margin-left: 3px;}

.destektel {
    width: 119px;
    height: 163px;
    background: url(../img/tel.png);
    right: 0;
    top: 155px;
    z-index: 9999;
    position: fixed;
    background-size: contain;
}
.destektela {
width: 119px;
    height: 163px;
}
.destektel:hover {
    background: url(../img/tel2.png);
    background-size: contain;
}
.destektela {display: block;}
.bilgi-formu { display: none; }
.bilgi-formu {max-width: 520px; overflow-x: hidden; background-color: #f5f5f5;padding: 30px; }
.bilgi-formu h3{font-size: 30px;font-weight: 600;margin-bottom: 10}
.bilgi-formu p{font-size: 17px;margin-bottom: 25px;color: #696969;}



.header-box-one {position: relative;margin:30px 0 0;  float: left; }
.header-box-one a {font-size: 14px;  color:#fff; background-color: #f42d1a; padding: 8px 20px; text-align: center;  border-radius: 20px; display: block; -webkit-box-shadow: 2px 2px 20px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 20px -9px rgba(0,0,0,0.75);
box-shadow: 2px 2px 20px -9px rgba(0,0,0,0.75); }
.header-box-one a:hover { background-color: #7d62fe; }
.header-box-one a:hover i{ background-color: #703EDB; }
.header-box-one a i{transition:all .4s ease; background-color: #FE7F57; color: #fff; border-radius: 100%; padding: 5px 8px; font-size: 13px;    margin-left: 10px; }
.header-box-tow { width:170px; float: right; text-align: right; position: relative;margin-top: 33px;   zoom: 0.9;  }
.header-box-tow i{font-size: 35px; margin:2px 0 0; color: #111;   }
.header-box-tow span,
.header-box-tow p { width: calc(170px - 45px); float: left; color: #111; }
.header-box-tow span { font-weight: 700; }
.slider-alan,
.slider-alan .item { width: 100%; float: left; height: 550px; position: relative; background-color: #F4F7F9;}
.slider-title { max-width: 1200px; padding: 150px 40% 0 0; position: relative; left: auto; right: auto; margin: auto;
display: block; bottom: 0; z-index: 4; display: block; }
.slider-title span{ font-size: 22px; color: #703EDB; }
.slider-title h1{ font-size: 55px; color: #222429; }
.slider-title p { font-size: 19px; color: #959595; line-height: 30px; }
.slider-alan-box1 { 
bottom: 0; 
right: 0; 
width:43%; 
float: right;
height: 490px;
background-color: #029E76;
border-right: 60px solid #029E76;
border-top: 60px solid #029E76;
border-left: 60px solid #029E76;
border-bottom: 60px solid #029E76;
border-top-left-radius: 300px;
border-top-right-radius: 0;
border-bottom-left-radius: 300px;
border-bottom-right-radius: 0;
 z-index: 2;
}
.slider-alan-box1-1 {
position: absolute;
left: -20px;
top: -30px;
width: 430px;
height: 430px;
background-size: cover;
background-position: center;
border-radius: 100%;
z-index: 3;
}
.slider-alan-box1,
.slider-alan-box2,
.slider-alan-box3,
.slider-alan-box4 { position: absolute; }
.slider-alan-box2 { 
width: 80px;
right: 33%;
bottom: -25px;
height: 300px;
background-color: #F45F7E;
border-right: 40px solid #F45F7E;
border-top: 40px solid #F45F7E;
border-left: 40px solid #F45F7E;
border-bottom: 40px solid #F45F7E;
border-top-left-radius: 80px;
border-top-right-radius: 80px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 75px;
z-index: 3;
}
.slider-alan-box3 {
width: 100px;
left: 0;
top: -85px;
height: 300px;
background-color: #F6CA51;
border-right: 40px solid #F6CA51;
border-top: 40px solid #F6CA51;
border-left: 40px solid #F6CA51;
border-bottom: 40px solid #F6CA51;
border-top-left-radius: 80px;
border-top-right-radius: 80px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 75px;
z-index: 1;
}
.slider-alan-box4 { 
width: 30px;
left: -90px;
top: 50px;
height: 30px;
border-radius: 100%;
background-color: #F45F7E;
}
.page-alan,
.page-alan .center { width: 100%; float: left; height: 550px; position: relative; background-color: #F4F7F9;}
.category-urunler .page-alan .center {background-image: url('../img/urunler-banner-bg.png'); background-size: cover; background-position: center;}
.page-title { max-width: 1200px; padding: 100px 40% 40px 0; position: relative; left: auto; right: auto; margin: auto;
display: block; bottom: 0; z-index: 4; display: block; }
.page-title span{ font-size: 22px; color: #703EDB; }
.page-title ul { width: 100%; float: left; margin-bottom: 10px; }
.page-title ul li{ float: left; }
.page-title ul li:after{ content: ' / '; color: #703EDB; margin:0 8px; font-size: 16px  }
.page-title ul li:last-child:after { display: none; }
.page-title ul li a{font-size: 16px; color: #703EDB;}
.page-title h1{ font-size: 50px; color: #222429; margin-bottom: 10px; }
.page-title p { font-size: 17px; color: #959595; line-height: 25px; }

.banner-ek h1,
.banner-ek h2,
.banner-ek h3,
.banner-ek h4,
.banner-ek h5,
.banner-ek h6,
.banner-ek p,
.banner-ek span { padding: 5px 0; }





.page-alan-box1 { 
bottom: 0; 
right: 0; 
width:43%; 
float: right;
height: 490px;
background-color: #029E76;
border-right: 60px solid #029E76;
border-top: 60px solid #029E76;
border-left: 60px solid #029E76;
border-bottom: 60px solid #029E76;
border-top-left-radius: 300px;
border-top-right-radius: 0;
border-bottom-left-radius: 300px;
border-bottom-right-radius: 0;
 z-index: 2;
}
.page-alan-box1-1 {
position: absolute;
left: -20px;
top: -30px;
width: 430px;
height: 430px;
background-size: cover;
background-position: center;
border-radius: 100%;
z-index: 3;
}
.page-alan-box1,
.page-alan-box2,
.page-alan-box3,
.page-alan-box4 { position: absolute; }
.page-alan-box2 { 
width: 80px;
right: 33%;
bottom: -25px;
height: 300px;
background-color: #F45F7E;
border-right: 40px solid #F45F7E;
border-top: 40px solid #F45F7E;
border-left: 40px solid #F45F7E;
border-bottom: 40px solid #F45F7E;
border-top-left-radius: 80px;
border-top-right-radius: 80px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 75px;
z-index: 3;
}
.page-alan-box3 {
width: 100px;
left: 0;
top: -85px;
height: 300px;
background-color: #F6CA51;
border-right: 40px solid #F6CA51;
border-top: 40px solid #F6CA51;
border-left: 40px solid #F6CA51;
border-bottom: 40px solid #F6CA51;
border-top-left-radius: 80px;
border-top-right-radius: 80px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 75px;
z-index: 1;
}
.page-alan-box4 { 
width: 30px;
left: -90px;
top: 50px;
height: 30px;
border-radius: 100%;
background-color: #F45F7E;
}
.homes-slider { background-color: #f4f7f9; padding: 10px 0 0; }
.homes-slider svg { fill: #fff;  -ms-transform: rotate(180deg); /* IE 9 */
transform: rotate(180deg); height: 100px;
    width: 100%;}
.alignright { float: right; margin:0 0 10px 10px;  }
.alignleft { float: left; margin:0 10px 10px 0;}
.aligncenter { float: none; margin:0 auto 10px;  }
.content { width: 90%; max-width: 1200px;  margin: auto; padding:35px 0; }
.iletisim-btn {}
.iletisim-btn i { transition: all .4s ease; background-color: #FE7F57;  color: #fff; border-radius: 100%; padding: 5px 8px;
font-size: 13px;  margin-left: 10px;}
.deg-270 { -ms-transform: rotate(270deg); /* IE 9 */
transform: rotate(270deg);}
.deg-180 { -ms-transform: rotate(180deg); /* IE 9 */
transform: rotate(180deg);}
.logo-slider-title { margin: 0 0 0 calc(10% + 10px); }
.logo-slider { margin: 0 0 0 10%; }
.logo-slider .swiper-container {padding: 0 10px 35px;}
.logo-slider img {-webkit-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;
-moz-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;
box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;}
.tas-box {}
.tas-box .elementor-column-gap-default .elementor-column:hover .elementor-widget-container{ background-color: #0098e8; }
.tas-box .elementor-column-gap-default .elementor-column:hover .elementor-widget-container h2,
.tas-box .elementor-column-gap-default .elementor-column:hover .elementor-widget-container p,
.tas-box .elementor-column-gap-default .elementor-column:hover .elementor-widget-container i{ color:#fff; }
.page-in:after { content: ''; clear: both; display: table; }
/*.content h1{font-size:23px}
.content h2{font-size:21px}
.content h3{font-size:19px}
.content h4{font-size:17px}
.content h5{font-size:15px}
.content h6{font-size:14px}*/
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6{margin:0 0 7px;padding:0}
.content p{font-size:15px;line-height:24px}
.content p a{color:#111}
.content p a:hover{color:#007ec3}
.content p strong{font-size:inherit;font-weight:700}
.content ul li{margin:0 0 5px;font-size:15px;color:#111;line-height:normal;line-height:24px}
.content img{max-width:100%}
.blog-alan { padding: 45px 0; background-color: white; }
.blog-ana-title {font-size: 38px; font-weight: 400;  line-height: 60px; text-align: center; }
.blog-ana-tum { display: block; margin: 10px auto 0; text-align: center; }
.blog-ana-tum a{ color: #111; text-align: center;}
.blog-ana-tum a i{margin-left: 10px;}
.blog-ana-tum a:hover {color: #3FABDF; }
.blog-slider { width: 1140px; margin:auto ; display: block; }
.blog-slider .item { padding: 35px 0;}
.blog-box { border-radius: 15px; }
.blog-box {-webkit-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;
-moz-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;
box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;}
.blog-box-img { width: 100%; height:280px ; background-size: cover; background-position: center; background-repeat:no-repeat; -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px; }
.blog-box-title { padding: 30px; }
.blog-box-title h6{ font-weight: 800; font-size: 17px; color: #AFAFAF; margin: 0; padding: 0; }
.blog-box-title h6 a{ color: #AFAFAF; }
.blog-box-title h3{ font-size: 21px; color: #111; margin: 5px 0 10px; padding: 0; }
.blog-box-title p{font-size: 17px; color: #7B8591; margin-bottom: 20px; line-height: 25px;}
.blog-box-title span{margin-bottom: 20px; display: block;}
.blog-box-title span i{margin-left: 10px;}
.blog-box-title span a{ display: inline-block; color: #3FABDF; }

.blog-slider .owl-dots{ width: auto; display: table; margin:auto;  }

.blog-slider .owl-dot{ width: 14px; height: 14px; float: left; border-radius: 100%; background-color: #111; opacity: 0.2; margin:0 3px;  }
.blog-slider .owl-dot.active{opacity: 1;}


/* alan cssler  */
.home-video-alan {}
.home-video-alan:after { width: 100%; height: 450px; background-color: #1D1832; content: ''; position: absolute; top: 0; z-index: -1; }
.formum {}
.formum label {color: #696969;}
.formum input,
.formum select,
.formum textarea { width: 100%; border-bottom:1px solid #eee;  padding:10px; margin-bottom: 25px; font-size: 15px !important; }
.formum .wpcf7-submit { width: auto; display:inline-block; color: #fff; float: right; cursor: pointer; font-size: 17px !important;     background-color: #0985f9;
border-radius: 40px 40px 40px 40px;
box-shadow: 0px 0px 10px 0px rgb(33 200 255 / 50%);
padding: 20px 45px 20px 45px; }
.formum .wpcf7-date{    border: none; height: 38.5px;}
.formum label:nth-child(2),
.formum label:nth-child(4) { width: 49%; float: left; }
.formum label:nth-child(3),
.formum label:nth-child(5) { width: 49%; float: right; }
.formum textarea { height: 100px; }
.formum .strong { font-weight: 800; font-size: 16px !important;  padding: 5px 0; margin-bottom: 5px;  border-bottom: 1px solid #ddd;}
.formum .wpcf7-select option{ padding: 5px 0 !important; }
.formum.iletisim-formu .wpcf7-submit{ float: left }

.fiyat-teklif-al .formum {}
.fiyat-teklif-al .formum {}
.fiyat-teklif-al .formum label:nth-child(2),
.fiyat-teklif-al .formum label:nth-child(4) { width: 100%; float: left; }
.fiyat-teklif-al .formum label:nth-child(3),
.fiyat-teklif-al .formum label:nth-child(5) { width: 100%; float: left; }

.bilgi-formu .formum label:nth-child(6) { width: 100%; float: left; }

#randevu-formu h3 { margin: 10px 0 15px;     font-size: 40px; }
#randevu-formu h4 { margin: 20px 0 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    clear: both;
    float: left;
    width: 100%;}
.diger-ref { margin: 55px 0 180px; float: left; width: 100%; }
.ref-alan { padding: 30px 0 0; background-color: #f3f7fa; position: relative; }
.ref-alan .content { padding: 35px 0 0 ; }
.ref-alan:after {
    content: "";
    float: left;
    position: absolute;
    bottom: -130px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 130px 1920px 0 0;
    border-color: #f3f7fa transparent transparent transparent;
}
.ref-alan h1 { text-align: center; font-weight: 300; margin-bottom: 25px; }
.ref-box { position: relative; overflow:hidden; transition:all .4s ease;}
.ref-box-img { width: 100%; height: 200px; background-position: center; background-size: cover; }
.ref-box-title { width: 100%; text-align: center; position: absolute;  left: 0; right: 0; margin: auto; display: table; /*background-color: rgba(255, 255, 255, 0.5);*/ background-color: #0985f9; color: #fff; transition:all .4s ease; padding: 10px 0 5px}
.ref-box:hover .ref-box-title { bottom: 0; transition:all .4s ease; }
    .ref-alan .header-box-one {
    position: relative;
    margin: 30px auto;
    display: table;
    float: inherit;
}

.ref-alan  .header-box-one a {
    font-size: 16px;
    padding: 14px 37px;
    border-radius: 35px;
}
#randevu-formu { display: none; max-width: 960px; overflow-x: hidden; width: 95%; padding: 40px; background-color: aliceblue;}
#randevu-formu hr { width: 100%; height: 1px;  float: left; background-color: #eee; border: none; margin-bottom: 20px; }
#randevu-formu label.fc-two { width: 49%;  display: inline-block; vertical-align: bottom; }
#randevu-formu label.fc-two:nth-child(odd) {margin-right: 0.7%; }
#randevu-formu label.fc-two:nth-child(even) { margin-left: 0.7%;}

#randevu-formu label {color: #696969;}
#randevu-formu input,
#randevu-formu select,
#randevu-formu .wpcf7-date,
#randevu-formu textarea { width: 100%; border:1px solid #eee;  padding:10px; margin-bottom: 15px; font-size: 15px !important; margin-top: 5px;}
#randevu-formu .wpcf7-submit { width: auto; display:inline-block; color: #fff; float: right; cursor: pointer; font-size: 17px !important;     background-color: #0985f9;
border-radius: 40px 40px 40px 40px;
box-shadow: 0px 0px 10px 0px rgb(33 200 255 / 50%);
padding: 20px 45px 20px 45px;  }
#randevu-formu .wpcf7-date{ height: 42px;}
#randevu-formu .fc-one { width: 100%; float: left; }
#randevu-formu textarea { height: 100px; }
#randevu-formu .strong { font-weight: 800; font-size: 16px !important;  padding: 5px 0; margin-bottom: 5px;  border-bottom: 1px solid #ddd;}
#randevu-formu .wpcf7-select option{ padding: 5px 0 !important; }


.sub-section {background-color: #6D25F9;  padding: 25px 0; background-image: url('../img/bg-1.jpg'); background-size: cover; background-repeat: no-repeat; background-size: cover; background-position: center; display: flex; justify-content: center;}
.sub-content-info { width: 25%; float: left;  color: #fff;}
.sub-content-info h1{font-size: 30px; font-weight: 500;}
.sub-content-info p{ color: #AC81FF; }
.sub-content-form { width: 50%; float: right; margin-top: 22px; }
.sub-content-form .sci-input { width: 75%; float: left; }
.sub-content-form .sci-input,
.sub-content-form .wpcf7-submit { line-height: 47px; height: 47px; padding: 0 15px;  font-size: 17px !important; cursor: pointer;}
.sub-content-form .wpcf7-submit { width: 25%; float: right; background-color: #01D15C; color: #fff; border:none; }
.sub-content-form .wpcf7-submit:hover { background-color: var( --e-global-color-primary ); }

.sub-content-form .wpcf7-not-valid-tip { display: none !important; }
.sub-content-form .wpcf7 form .wpcf7-response-output { margin: 0; padding: 15px; border: 2px solid #00a0d2; color: #fff;}
.iletisim-alan { background-color: #F4F7F9; padding: 0 0 45px; }
.iletisim-alan svg {fill: #FFF; }
.iletisim-center {-webkit-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;
-moz-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;
box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important; background-color: #fff;}
.iletisim-center {max-width: 1140px; width: 90%; margin:35px auto 0; padding: 35px; border-radius: 20px; }
.iletisim-sol { width: 40%; float: left; }
.iletisim-sol img{ width: 100%; float: left; }
.iletisim-sag { width: 60%; float: left; padding: 45px;  }
.iletisim-sag h2{ font-size: 40px;  font-weight: 400; line-height: 60px; margin-bottom: 30px;}
.up-icon{padding:11px 16px;display:none;background:#149187;position:fixed;bottom:25px;right:25px;cursor:pointer;z-index:9;border-radius:5px}
.up-icon .fa{font-size:25px;color:#fff;text-align:center!important;display:block}


.banner-title { width: 100%; float: left; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; z-index: 3; }
.banner-title:after { content: ''; max-width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); left: 0; right: 0; top: 0; position: absolute; }
.banner-title .banner-title-center{ position: relative; z-index: 5; max-width: 1140px; width: 90%;  padding: 70px 5% 65px; margin: auto; text-emphasis: center }
.banner-title .banner-title-center ul { display: table;margin:10px auto; }
.banner-title .banner-title-center ul li{ float: left; color: #FE7F57 }
.banner-title .banner-title-center ul li:after{  content: ' / '; margin: 0 10px;  color: #FE7F57; }
.banner-title .banner-title-center ul li:last-child:after{  display: none;  }
.banner-title .banner-title-center ul li a{ float: left; color: #FE7F57 }
.banner-title .banner-title-center h1,
.banner-title .banner-title-center p{ color: #fff; text-align: center;}
.banner-title .banner-title-center h1 { font-size: 45px; line-height: 55px; margin-bottom: 15px; letter-spacing: 2px; }
.banner-title .banner-title-center p {font-size: 20px; line-height:25px; font-weight: 300; }
.shadow {-webkit-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;
-moz-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;
box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;}

.banner-title.banner-title2:after { content: ''; max-width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); left: 0; right: 0; top: 0; position: absolute; }
.banner-title.banner-title2 h1,
.banner-title.banner-title2 p,
.banner-title.banner-title2 .banner-title-center ul li a,
.banner-title.banner-title2 .banner-title-center ul li,
.banner-title.banner-title2 .banner-title-center ul li:after{ color: #111; }
.banner-title.banner-title2 .banner-title-center h1 {font-weight: 400;}

body.category-blog { background-color: #F9F9F9; }
.blog-sol {}

.blog-sol { width: 73%; float: left; background-color: #fff; padding: 35px;  }
.category-blog .blog-sol { padding: 0; background-color: transparent; }
.blog-sol p { margin-bottom: 10px; color: #768791}
.blog-sol ol,
.blog-sol ul { margin:10px 0;  }

.single .blog-sol ul li,
.single .blog-sol ol li { margin-left: 10px; color: #768791}
.single .blog-sol ol li:before,
.single .blog-sol ul li:before { content: '- '; margin-left: 10px; color: #768791}



.blog-sol-img { width: 100%; height: 380px; background-size: cover; background-position: center; margin-bottom: 25px; }
.blog-sag { width: 25%; float:right;  }
.page-widget {  }
.post-list { margin-bottom: 25px; background-color: #fff; padding: 25px; }
.post-list:after { content: ''; clear: both; display: table; }

.post-list h3{ width: 100%; font-size: 17px; color: #263843; border-bottom: 1px solid #ddd; padding: 15px 0; }
.post-list ul{ }
.post-list ul li{ width: 100%; float: left; margin: 15px 0; }
.post-list ul li,
.post-list ul li a {    color: #768791;}
.post-list ul li.current-cat a { font-weight: 800; }

.post-list .post-list-img{display: none; width: 56px; height: 56px; background-size: cover; background-position: center; float: left; border-radius: 100%;}
.post-list .post-list-title { /*width: calc(100% - 76px); */ width: 100%; float: left; padding: 5px 0  0;  color: #768791}
.post-list .post-list-title a{   color: #768791}
.post-list .post-list-title p { font-size: 16px; font-weight: 300; }
.post-list .post-list-title span {font-size: 13px;  font-weight: 200; }
.blog-sol-box { background-color: #fff; padding: 20px; margin-bottom: 20px; }
.blog-sol-box-img { width: 100%; height: 350px; background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 25px; }
.blog-sol-box-title { text-align: center; }
.blog-sol-box-title h2 { color: #263843; font-size: 27px; font-weight: 600; }
.blog-sol-box-title ul  { display: table; margin: auto; }
.blog-sol-box-title ul li { float: left;  color: #C3CCD3}
.blog-sol-box-title ul li:after { content: ' / '; margin: 0 5px; color: #C3CCD3 }
.blog-sol-box-title ul li:last-child:after {display: none;}
.blog-sol-box-title p {color: #768791; margin:15px 0 35px;}
.blog-sol-box-title span {display: inline-block ; float: right;}
.blog-sol-box-title span a{font-size: 14px;  color: #fff; background-color: #0098E8; padding: 13px 40px;  text-align: center;    border-radius: 20px;  display: block;
-webkit-box-shadow: 2px 2px 20px -9px rgb(0 0 0 / 75%);
-moz-box-shadow: 2px 2px 20px -9px rgba(0,0,0,0.75);
box-shadow: 2px 2px 20px -9px rgb(0 0 0 / 75%);}
.blog-sol-box-title span i { margin:1px 0 0 10px;  }
.blog-sol-box-title span a:hover {background-color: #703EDB;}



/* urun detay */ 

.urun-detay{}
.urun-sol-alan { width: 20%; float: left; border-right:1px solid #ddd; padding: 0 15px 15px 0; }
.urun-sol-alan h3 { margin-bottom: 25px; }
.urun-sag-alan {width: 78%; float: right;}
.diger-urun-list {}
.diger-urun-list ul {}
.diger-urun-list ul li { width: 100%; float: left; margin-bottom: 15px; }
.diger-urun-list ul li a {}
.du-img { width: 56px; height: 56px; float: left; background-size: cover; border: 1px solid #ddd; background-position: center; }
.du-title { width: calc(100% - 70px); float: right; margin: 3px; }
.du-title h4{font-size: 18px; margin: 0; color: #111;}
.du-title h4 a{ color: #111;  }
.du-title p{}

.urun-galeri { width: 160px; float: left; }
.gallery.gallery-columns-1 {margin: 0 -10px;}
.gallery.gallery-columns-1 .gallery-item { margin: 0 10px 10px;}

.urun-galeri img { max-width: 100%;  height: auto;}
.urun-bilgi { width: calc(100% - 180px); float: right; }
.urun-bilgi-title { width: 380px; float: right; }
.urun-bilgi-title span {font-weight: 200; font-size: 15px; display: block; margin-bottom: 8px;}
.urun-bilgi-title h1 { font-size: 28px; font-weight: 400; }

.fiyat-araligi {width: 100%;  border: 1px solid #ddd; padding: 20px; float:left; margin: 8px 0; }
.fiyat-araligi ul { font-size: 16px; margin:  0; padding: 0; }
.fiyat-araligi ul li{ float: left; margin: 0; padding: 0;     font-size: 18px; }
.fiyat-araligi ul li:nth-child(1){ color: #111; }
.fiyat-araligi ul li:nth-child(2){ color: red; margin-left: 10px; }
.kisa-aciklama { width: 100%; float: left; margin-bottom: 30px;}

.urun-bilgi-img { width: calc( 100% - 400px); height: 450px; float: left; position: relative; background-size: cover; background-position: center; }
.urun-bilgi-img span { font-size: 13px; position: absolute; right: 15px; top:15px; padding: 7px; color: #fff; background: rgb(9,133,249); background: linear-gradient(90deg, rgba(9,133,249,1) 0%, rgba(104,9,220,1) 100%);  }

.urun-btn {width: 100%;  float:left; margin:0 0 30px }
.urun-btn a{ padding: 15px 30px; border-radius: 32px; color: #fff;  background: rgb(9,133,249); background: linear-gradient(90deg, rgba(9,133,249,1) 0%, rgba(104,9,220,1) 100%); display: inline-block;}

.urun-buyuk-aciklama {width: 100%;  float:left; margin:20px 0; }

.sosyal-paylas-btn {width: 100%;  float:left; margin-top: 20px;}
.sosyal-paylas-btn h4 {font-weight: 300;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.sosyal-paylas-btn ul {}
.sosyal-paylas-btn ul li { float: left; margin:0 15px 0 0   }
.sosyal-paylas-btn ul li a{ color: #111; font-size: 18px; }

/* urun detay */ 


/* referanslar */
.ref-baslik { font-size: 35px; font-weight: 400; width: 100%; float: left; }
.bread { width: 100%; float: left; }
.bread {float: left;}
.bread li {color: #B5B5B5;  float: left; }
.bread li:after {color: #B5B5B5; content: ' / '; padding: 0 5px;}
.bread li:last-child:after { display: none; }
.ref-ust { width: 100%; max-height: 480px; margin-bottom: 30px; float: left;}
.ref-ust-img { width: 49%; min-height: 480px; margin: 10px 0; float: left; background-size: cover; background-position: center; border-radius: 5px; }
.ref-ust-galeri {width: 49%; float: right}
.ref-ust-galeri .gallery {margin: 0 -10px;}
.ref-ust-galeri .gallery br{display: none;}

.ref-ust-galeri .gallery .gallery-item { display: none; height: 230px;position: relative; overflow: hidden; transition:all .4s ease; border-radius: 5px;   }
.ref-ust-galeri .gallery .gallery-item:nth-child(1),
.ref-ust-galeri .gallery .gallery-item:nth-child(2),
.ref-ust-galeri .gallery .gallery-item:nth-child(3),
.ref-ust-galeri .gallery .gallery-item:nth-child(4),
.ref-ust-galeri .gallery .gallery-item:nth-child(5) { display: block; }
.ref-ust-galeri .gallery .gallery-item:nth-child(5):after {transition:all .4s ease; border-radius: 5px; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); left: 0; top: 0; position: absolute; z-index: 9; }
.ref-ust-galeri .gallery .gallery-item:nth-child(5):before {transition:all .4s ease; border-radius: 5px; content: ''; width: 100%; height: 100%; background-image: url('../img/plus.png'); background-position: center; background-repeat: no-repeat; left: 0; top: 0; position: absolute; z-index: 10; }

.galeri-devam {     position: absolute;  z-index: 11;  color: #fff;  text-align: center;  bottom: 25px;  right: 0;  left: 0; }
.ref-ust-galeri .gallery .gallery-item img{ width: auto !important; height: 230px; border-radius: 5px; max-width: inherit;}
.ref-ust-galeri .gallery .gallery-item:nth-child(5):hover:before,
.ref-ust-galeri .gallery .gallery-item:nth-child(5):hover:after,
.ref-ust-galeri .gallery .gallery-item:nth-child(5):hover .galeri-devam{ display: none; transition:all .4s ease; }

.ref-alt {}
.ref-alt-bilgi ul { width: 100%; border-bottom: 1px solid #ddd; display: table; padding-bottom: 10px; margin-bottom: 15px;}
.ref-alt-bilgi ul li {float: left; margin-right: 20px; padding-right: 20px; border-right: 1px solid #ddd; }
.ref-alt-bilgi ul li i { margin-left: 10px; }
.ref-alt-bilgi ul li:last-child { border-right: none; }
.ref-alt-bilgi ul li p { font-size: 24px; display:block; font-weight: 700;}
.ref-alt-bilgi ul li span {display:block; font-size: 14px;}
.ref-alt-aciklama {}
.ref-alt-aciklama h1,
.ref-alt-aciklama h2,
.ref-alt-aciklama h3,
.ref-alt-aciklama h4,
.ref-alt-aciklama h5,
.ref-alt-aciklama h6 { margin: 20px 0; font-weight: 400; }
.ref-alt-aciklama p { margin-bottom: 10px; }

.ref-alt-elli { width: 49%; float: left;}
.ref-alt-elli-2 { width: 49%; float: right;}

.ref-alt-elli-2 h3 { font-weight: 400;  font-size: 24px; margin: 24px 0 20px; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; }
.konum-harita iframe { width: 100% !important; height: 250px !important;   border-radius: 5px;}

.ref-iletisim { width: 60%; float: left; margin-top: 25px; }
.ref-iletisim ul {}
.ref-iletisim ul li{ font-size: 15px; font-weight: 400; margin-bottom: 15px; }
.ref-iletisim ul li a{ color: #111; }
.ref-iletisim ul li a i {font-size: 18px; width: 25px; margin-right: 10px; }

.ref-sosyal { width: 38%; float: right;margin-top: 23px;}
.ref-sosyal h4{ text-align: right; font-weight: 400;  font-size: 18px;}
.ref-sosyal ul {float: right;}
.ref-sosyal ul li{ float: left; font-size: 15px; font-weight: 400; margin:10px 0 0 10px; }
.ref-sosyal ul li a{ color: #111; }
.ref-sosyal ul li a i {font-size: 18px; width: 25px; }

/* referasnslar */


/*referasn logo*/

.logo-alans {  padding: 50px 0; position: relative; width: 100%; float: left;}
.logo-alans:after {content: ''; width: 100%;  height: 190px;  border-bottom: 156px solid transparent; border-left: 1920px solid #F4F7F9;
top: 0;  left: 0;  right: 0;  position: absolute; z-index: -1;}
.logo-alans h1 { font-size: 40px; text-align: center; font-weight: 400; }
.logo-alans span { text-align: center; color: #0087E2; display: block; margin: auto; letter-spacing: 2;}

.logos-slider {margin-top: 25px;  margin-bottom: 90px; }
.logos-slider .owl-height { height: 200px !important; }
.logos-slider .logo-item { transition: all .4s ease;
    height: 180px;
    background-size: auto 115px;
    background-position: center;
    border-radius: 5px;
    box-shadow: 0px 2px 11px 6px rgb(0 0 0 / 4%);
    filter: grayscale(100%);
    background-repeat: no-repeat;
    background-color: #fff;}
.logos-slider .logo-item:hover {filter: grayscale(0%);}
/*referasn logo*/

/* logo liste */
.logos-liste {max-width: 1024px; margin: 0 auto 55px;}
.logos-liste h1 { font-size: 40px; text-align: center; font-weight: 400; }
.logos-liste span { text-align: center; color: #0087E2; display: block; margin: auto; letter-spacing: 2;}

.logos-liste ul{ width: auto; }
.logos-liste ul li { width: calc(33.33% - 40px); margin: 20px; float: left; border-radius: 5px; box-shadow: 0px 2px 11px 6px rgb(0 0 0 / 4%); padding: 33px;  }
.logo-list-item { height: 200px; background-position: center;     background-size: 100%;
    background-repeat: no-repeat;
    background-color: #fff;}
.logo-list-item { transition:all .4s ease; filter: grayscale(100%);}
.logo-list-item:hover { filter: grayscale(0);}
/* logo liste */

.up-icon{padding:11px 16px;display:none;background:linear-gradient(#f42d1a,#961b0f); position:fixed; bottom:25px;
    right: 25px;
    cursor: pointer;
    z-index: 9;
    border-radius: 5px;
    left: auto;}
.up-icon .fa{font-size:25px;color:#fff;text-align:center!important;display:block}

ul.pagination {margin: 15px auto 0;
    display: table;}
ul.pagination li { margin: 0 3px; float: left; }
ul.pagination li span { opacity: 1; }
ul.pagination li a,
ul.pagination li .dots { opacity: 0.4; }
ul.pagination li i{height: 42px; line-height: 42px}

ul.pagination li span,
ul.pagination li a { font-weight: 600; height: 42px;
    line-height: 42px; color: #fff; background-color: var(--mor); padding:0 15px; text-align: center; border-radius:5px; display: block;  }

ul.pagination li:before { display: none;}


footer { background-color:#0e1b1f; padding:35px 0;  background-color: #111; position: relative;  }
footer .content {padding: 0; }
footer .footer-logo img{     height: 85px; margin-bottom: 15px;}
footer .footer-logo p { color: #fff; max-width: 450px; display: table; margin: 15px auto 65px; text-align: center; }
footer .box-1 { width: 40%; float: left; padding: 20px 0;}
footer .box-2,
footer .box-3,
footer .box-4 { width: 20%; float: left; padding: 20px;}
footer .footer-logo { margin-bottom: 20px; }

footer .footer-widget {}
footer .footer-widget h3 {color: #fff; font-weight: 400; margin-bottom: 25px;}
footer .footer-widget ul { margin-bottom: 25px; }

footer .footer-widget ul li,
footer .footer-widget ul li a { color: #748292 }
footer .footer-widget ul li a:hover { color: #703EDB; }
footer .footer-widget ul li { padding: 4px 0; }
footer .footer-widget p,
footer .footer-widget p a{ color: #fff; font-size: 15px;  }
footer .footer-widget p { padding: 0 0 15px 0; }        
footer .box-1 .footer-widget i { width: 35px; margin-right: 10px; font-size: 20px; }
.copyright { background-color: #1F343B; }
.copyright .content { padding: 15px 0; display:table; }
.copyright p,
.copyright ul{ display: inline-block; color:#6A6A6A;  }
.copyright p { float: left; }
.copyright ul { float:right; }
.copyright ul li { float: left; margin:0 10px;   }
.copyright ul li a{ color:#6A6A6A; font-size: 15px;     }
.copyright ul li a:hover{color:#6D25F9;}
@media all and (max-width: 1400px) {
.header-box-one { float: right; }
.header-box-one a {padding: 8px 13px;}
.header-box-tow { display: none; }
.slider-alan,
.slider-alan .item { width: 100%; float: left; height: 550px; position: relative; background-color: #F4F7F9;}
.slider-title {width: 100%;  padding: 150px 40% 0 5%; position: relative; left: auto; right: auto; margin: auto;
display: block; bottom: 0; z-index: 4; display: block; }
.slider-title span{ font-size: 22px; color: #703EDB; }
.slider-title h1{ font-size: 55px; color: #222429; }
.slider-title p { font-size: 19px; color: #959595; line-height: 30px; }
.slider-alan-box1 { 
bottom: 0; 
right: 0; 
width:43%; 
float: right;
height: 490px;
background-color: #029E76;
border-right: 60px solid #029E76;
border-top: 60px solid #029E76;
border-left: 60px solid #029E76;
border-bottom: 60px solid #029E76;
border-top-left-radius: 300px;
border-top-right-radius: 0;
border-bottom-left-radius: 300px;
border-bottom-right-radius: 0;
 z-index: 2;
}
.slider-alan-box1-1 {
position: absolute;
left: -20px;
top: -30px;
width: 430px;
height: 430px;
background-size: cover;
background-position: center;
border-radius: 100%;
z-index: 3;
}
.slider-alan-box2,
.slider-alan-box3,
.slider-alan-box4 { display: none; }
.page-alan,
.page-alan .center { width: 100%; float: left; height: 550px; position: relative; background-color: #F4F7F9;}
.page-title {width: 100%;  padding: 150px 40% 0 5%; position: relative; left: auto; right: auto; margin: auto;
display: block; bottom: 0; z-index: 4; display: block; }
.page-title span{ font-size: 22px; color: #703EDB; }
.page-title h1{ font-size: 55px; color: #222429; }
.page-title p { font-size: 19px; color: #959595; line-height: 30px; }
.page-alan-box1 { 
bottom: 0; 
right: 0; 
width:43%; 
float: right;
height: 490px;
background-color: #029E76;
border-right: 60px solid #029E76;
border-top: 60px solid #029E76;
border-left: 60px solid #029E76;
border-bottom: 60px solid #029E76;
border-top-left-radius: 300px;
border-top-right-radius: 0;
border-bottom-left-radius: 300px;
border-bottom-right-radius: 0;
 z-index: 2;
}
.page-alan-box1-1 {
position: absolute;
left: -20px;
top: -30px;
width: 430px;
height: 430px;
background-size: cover;
background-position: center;
border-radius: 100%;
z-index: 3;
}
.page-alan-box2,
.page-alan-box3,
.page-alan-box4 { display: none; }
}
@media all and (max-width: 1280px) {
header { }
header .content { width: 90%; display: table; margin: auto; padding:20px 0;  ; }
header .logo { float: left; display: inline-block;     margin-top: 0;}
header .logo img{width:auto; height: 65px;}
.sticky-menu .logo img {  height: 30px;}
header nav { width: 100%; float: left; display: none; margin: 0; }
header nav ul { width: 100%; float: left; margin-top: 20px; }
header nav ul li {width: 100%; margin:2px 0 !important; float: left;   }
header nav ul li i { font-size: 18px; margin: 3px;  position: absolute;  right: 0;}
header nav ul li a {width: auto; position: relative; display: inline-block; }
header nav ul li ul li a {padding: 0;}
header nav ul li ul {  position: relative; padding: 15px 25px; margin: 0 0 5px;}
header nav ul li ul li ul { left: 0; top: 0; box-shadow: none; margin: 0; padding: 10px 0 0 10px;}

.header-box-one {  margin: 13px 0 0 0;}

}
@media all and (max-width: 991px) {
	.blog-sol img { height:auto !important;}
.slider-alan,
.slider-alan .item { width: 100%; float: left; height: auto; padding: 0;  position: relative; background-color: #F4F7F9;}
.slider-alan .item {padding: 100px 20px 80px;}
.slider-title {width: 100%; padding: 0;   position: relative; left: auto; right: auto; margin: auto;
display: block; bottom: 0; z-index: 99; display: block; }
.slider-title span{ font-size: 22px; color: #703EDB; }
.slider-title h1{ font-size: 40px; color: #fff; }
.slider-title p { font-size: 18px; color: #fff; line-height: 30px; }
.slider-alan-box1 { 
bottom: 0; 
right: 0; 
width:100%; 
position: absolute;
float: left;
height: 100%;
border: 0;
border-radius: 0;  
background-color: transparent;  
 z-index: 2;
}
.slider-alan-box1-1 {
position: absolute;
left: auto;
top: auto;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
border-radius: 0;
z-index: 3;
}
.slider-alan-box1:after {z-index: 10; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.4); }
.slider-alan-box2,
.slider-alan-box3,
.slider-alan-box4 { display: none; }
.page-alan,
.page-alan .center { width: 100%; float: left; height: auto; padding: 0;  position: relative; background-color: #F4F7F9;}
.page-alan .center {padding: 100px 20px 80px;}
.page-title {width: 100%; padding: 0;   position: relative; left: auto; right: auto; margin: auto;
display: block; bottom: 0; z-index: 99; display: block; }
.page-title span{ font-size: 22px; color: #703EDB; }
.page-title h1{ font-size: 40px; color: #fff; }
.page-title p { font-size: 18px; color: #fff; line-height: 30px; }
.category-urunler .page-title h1{ color: #111; }

.page-alan-box1 { 
bottom: 0; 
right: 0; 
width:100%; 
position: absolute;
float: left;
height: 100%;
border: 0;
border-radius: 0;  
background-color: transparent;  
 z-index: 2;
	background-color: 0!important;
    border-right: 0!important;
    border-top: 0!important;
    border-left: 0!important;
    border-bottom: 0 !important;
}
.page-alan-box1-1 {
position: absolute;
left: auto;
top: auto;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
border-radius: 0;
z-index: 3;
}
.page-alan-box1:after {z-index: 10; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.7); }

.page-title span{ font-size: 22px; color: #ad86ff; }
.page-title ul { width: 100%; float: left; margin-bottom: 10px; }
.page-title ul li{ float: left; }
.page-title ul li:after{ content: ' / '; color: #ad86ff; margin:0 8px; font-size: 16px  }
.page-title ul li:last-child:after { display: none; }
.page-title ul li a{font-size: 16px; color: #ad86ff;}
.page-alan-box2,
.page-alan-box3,
.page-alan-box4 { display: none; }
.blog-sol { width: 100%; padding: 25px;  }
.blog-sol-img { width: 100%; height: 250px;  }
.blog-sag { width: 100%; float:right;  }
.blog-sol-box-title ul li { float: none;}
.blog-sol-box-title ul li:after {display: none;}
.blog-sol-box-title span { display: inline-block;  float: none;}
.sub-content-info { width: 100%; float: left;  color: #fff;}
.sub-content-info h1{font-size: 30px; font-weight: 500;}
.sub-content-info p{ color: #AC81FF; }
.sub-content-form { width: 100%; float: right; margin-top: 22px; }
.sub-content-form .sci-input { width: 100%; float: left; }
.sub-content-form .sci-input,
.sub-content-form .wpcf7-submit { width: 100%; float: left; }


/* urun detay */ 

.urun-detay{}
.urun-sol-alan { width: 100%; float: left; border-right:none; padding: 0 15px; margin-top: 35px; }
.urun-sag-alan {width: 100%; float: left;}

.du-img { width: 56px; height: 56px; float: left; background-size: cover; border: 1px solid #ddd; background-position: center; }
.du-title { width: calc(100% - 70px); float: right; margin: 3px; }
.du-title h4{font-size: 18px; margin: 0; color: #111;}
.du-title h4 a{ color: #111;  }
.du-title p{}

.urun-galeri { width: 160px; float: left; }
.gallery.gallery-columns-1 {margin: 0 -10px;}
.gallery.gallery-columns-1 .gallery-item { margin: 0 10px 10px;}

.urun-galeri img { max-width: 150px;  height: 150px;}
.urun-bilgi { width: calc(100% - 165px); float: right; }
.urun-bilgi-title { width: 100%; float: left; }
.urun-bilgi-title span {font-weight: 200; font-size: 15px; display: block; margin-bottom: 8px;}
.urun-bilgi-title h1 { font-size: 28px; font-weight: 400; }

.fiyat-araligi {width: 100%;  border: 1px solid #ddd; padding: 20px; float:left; margin: 8px 0; }
.fiyat-araligi ul { font-size: 16px; margin:  0; padding: 0; }
.fiyat-araligi ul li{ float: left; margin: 0; padding: 0;     font-size: 18px; }
.fiyat-araligi ul li:nth-child(1){ color: #111; }
.fiyat-araligi ul li:nth-child(2){ color: red; margin-left: 10px; }
.kisa-aciklama { width: 100%; float: left; margin-bottom: 30px;}

.urun-bilgi-img { width: 100%; height: 450px; margin-bottom: 25px; }


/* urun detay */ 


/* referanslar */

.ref-ust { width: 100%; max-height: inherit; margin-bottom: 0; float: left;}
.ref-ust-img { width: 100%; min-height: 300; }
.ref-ust-galeri {width: 100%; float: right}
.ref-ust-galeri .gallery {    width: auto; margin: 0 -10px 25px;}
.ref-ust-galeri .gallery .gallery-item { display: none; height: 250px;position: relative; overflow: hidden; transition:all .4s ease; border-radius: 5px; }
.ref-ust-galeri .gallery .gallery-item img{ width: auto !important; height: 250px; border-radius: 5px;  max-width: inherit; }



.ref-alt-elli { width: 100%; float: left;}
.ref-alt-elli-2 { width: 100%; float: left;}

.ref-alt-elli-2 h3 { font-weight: 400;  font-size: 24px; margin: 24px 0 20px; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; }
.konum-harita iframe { width: 100% !important; height: 250px !important;   border-radius: 5px;}

.ref-iletisim { width: 100%; float: left; margin-top: 25px; }
.ref-sosyal { width: 100%; float: left;margin-top: 23px;}
.ref-sosyal h4{ text-align: left; font-weight: 400;  font-size: 18px;}
.ref-sosyal ul {float: left;}
.ref-sosyal ul li{  margin:10px 10px 0 0; }
	
.ref-alan { padding: 30px 0 30px; }
.diger-ref {margin: 55px 0 25px;}
.ref-alan:after {
	display:none;
}

/* referasnslar */


.logos-liste ul li { width: calc(50% - 20px); margin: 10px; float: left;  }
.logo-list-item { height: 100px; background-size: auto 85px;}
	.logo-alans {background-color:#F4F7F9; }
.logo-alans:after {content: ''; width: 100%;  height: 0;   border-bottom: 0 solid transparent; border-left: 0 solid #F4F7F9;
top: 0;  left: 0;  right: 0;  position: absolute; z-index: -1;}


footer .box-1 { width: 100%; padding: 20px 0;}
footer .box-2,
footer .box-3,
footer .box-4 { width: 100%; padding: 20px 0;}
}
@media all and (max-width: 768px) {

.destektel { width: 83px; height: 114px; top: auto; bottom: 5%;}
.destektela {  width: 83px; height: 114px;}
.up-icon {
    bottom: calc(5% + 29px);
    left: 5%;
    right: auto;
}
.header-box-one { float: left; margin: 20px 0 0; width: 100%;}
.header-box-one a { padding: 10px 13px;  font-size: 16px;}
.deg-270 { display: none;}
.home-video-alan:after { width: 100%; height: 30%;}
.homes-slider svg { fill: #fff; -ms-transform: rotate(180deg);  transform: rotate(180deg); height: 34px;  width: 100%;}
.logo-slider-title { margin: 0 0 0 0; text-align: center; }
.logo-slider { margin: 0 !important; width: 100% !important; }
.logo-slider .swiper-container {padding: 0;}
.logo-slider img {-webkit-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;
-moz-box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;
box-shadow: 0px 0px 18px -8px rgba(0,0,0,0.20) !important;}
.blog-ana-title {font-size: 30px;   line-height: 40px;}
.blog-slider { width: 90%; margin:auto ; display: block; }
.iletisim-alan { background-color: #F4F7F9; padding: 0 0 45px; }
.iletisim-center { padding: 25px 25px 0;}
.iletisim-sol { width: 100%; float: left; }
.iletisim-sol img{ width: 100%; float: left; }
.iletisim-sag { width: 100%; float: left; padding:25px 0 0;  }
.iletisim-sag h2{ font-size: 30px;  font-weight: 400; line-height: 40px; margin-bottom: 30px;}
.formum label:nth-child(2),
.formum label:nth-child(4) { width: 100%; float: left; }
.formum label:nth-child(3),
.formum label:nth-child(5) { width: 100%; float: left; }
.formum .wpcf7-submit { width: 100%; }
.copyright p,
.copyright ul{ width: 100%; float: left; display: block; m  }
.copyright ul{ margin:10px 0 0 ;  }
.copyright ul li { margin:0 10px 0 0 ;  }

#randevu-formu h3 { font-size: 30px; }
#randevu-formu h4 { margin: 20px 0 25px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    clear: both;
    float: left;
    width: 100%;}

#randevu-formu {width: 95%;  padding: 25px;  max-width: 960px; display: none; overflow-x: hidden; }
#randevu-formu label.fc-two { width: 100%;  }
#randevu-formu label.fc-two:nth-child(odd) {margin-right: 0; }
#randevu-formu label.fc-two:nth-child(even) { margin-left: 0;}


.ref-alt-bilgi ul li {float: left;
    margin: 0 0 20px;
    padding: 0 20px 0;
    border-right: 1px solid #ddd;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    height: 55px; }
    .ref-alt-bilgi ul li:nth-child(2) {border-right: none;}

}
@media all and (max-width: 480px) {
.urun-galeri { width: 85px; float: left; }
.gallery.gallery-columns-1 {margin: 0 -10px;}
.gallery.gallery-columns-1 .gallery-item {max-width: 75px;  height: 75px;  margin: 0 10px 10px;}
.urun-bilgi-img {  width: 100%; height: 330px;}

.urun-galeri img { max-width: 75px;  height: 75px;}
.urun-bilgi { width: calc(100% - 85px); float: right; }

.ref-ust-galeri .gallery .gallery-item {max-width: calc(50% - 20px); height: 150px;}
.ref-ust-galeri .gallery .gallery-item img{    max-width: 100%; height: 150px;  }



}
@media all and (max-width: 420px) {
}
@media all and (max-width: 375px) {
.ref-alt-bilgi ul li {
        float: left;
    margin: 0;
    padding: 20px 0;
    border-right: none;
    border-bottom: 1px solid #ddd;
    width: 100%;
    height: auto; 
}
.ref-alt-bilgi ul li:last-child,
.ref-alt-bilgi ul{ border-bottom: none; }
.ref-alt-bilgi ul {margin-bottom: 0; padding-bottom: 0;}

.logos-liste ul li { width: 100%; margin:0 0 20px; float: left;  }
.logo-list-item { height: 230px; background-position: center; background-size: cover; }

}