/*
Theme Name: Bbw Wp Tema #5
Theme URI: http://avmek.com
Author: Avmek Web Yazılım ve Medya
Author URI: http://avmek.com
Description: Bbw Wp Responsive Tema
Version: 1.0
License: Tema Kullanım Hakkı gizlidir.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Bbwwptema
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

Bu tema, avmek.com lisansı altındadır. Tek kullanım hakkına sahipsiniz. Tema izinsiz kullanıma izin vermez. Kopyalanamaz, ticareti yapılamaz, değiştirilemez.
*/

/*--------------------
# Genel Ayarlar
----------------------*/
/*kullanımı var(--theme-color) */
:root {
--theme-color: #F73F23;
}
body{font-family: 'Montserrat', sans-serif;color: #393c3f; font-size: .9em;font-weight: 500;}
h1, h2, h3, h4, h5, a{color:#393c3f;}
/*p{font-size:13px;}*/
h1{font-size:28px;}
h2{font-size:32px;}
h3{font-size:22px;}
h4{font-size:16px;}
h5{font-size:14px;}
.page-box {min-height: 400px;}
.page-box h1, .page-box h2, .page-box h3, .page-box h4 { margin-bottom: 20px; }
.section-box{padding:50px 0;}
.section-box2{padding:10px 0;}
.section-top{margin-bottom:30px;}
.section-top hr{display:inline-block;height:.2rem;width:5rem;background-color:#F73F23;border:none;border-radius:5px;margin-left:-2.5rem;}
.section-top hr::after{content:' ';margin-left:5.8rem;display:inline-block;height:.2rem;width:1rem;background-color:#F73F23;border:none;border-radius:5px;float:left;}
.phoneIcon{transform: rotate(-255deg);margin-right:10px;}
.headerTop{font-size:15px;background-color:#513b79;border-bottom:0px solid #eaeaea;color: #FFFFFF;}
header{border-top:0px solid #CCC;background-color:transparent;border-bottom: 5px solid #8e8e8f;}
.telefon-link, .email-link{color:rgba(255,255,255,.9);text-decoration:none;font-size:10pt;font-weight:400;margin-right:10px;transition:all .2s;}
.telefon-link:hover, .email-link:hover{color:rgba(255,255,255,.6);text-decoration:none;}
.telefon-link i{margin-right:5px;transform: rotate(-255deg);font-size:10pt;}
.email-link i{margin-right:5px;font-size:10pt;}
.header-slogan{color:#333;line-height:normal;font-size:1.2rem;}
.yedi24Kap{position:relative;margin-left:10px;}
.telefon724-sol{width:50px;height:50px;border-radius:50%;background-color:#FC0;color:#584a12;z-index:1;text-align:center;font-size:2rem;font-weight:bold;float:left;margin-top:5px;margin-right:-12px;}
.telefon724-sag{width:60px;height:60px;border-radius:50%;background-color:#ef3b3b;color:#FFF;text-align:center;font-size:2.4rem;font-weight:bold;float:left;}
.telefon724-label{height:60px;color:#FFF;text-align:center;font-size:1.4rem;font-weight:500;float:left;line-height:40px;padding-left:6px;}
@media (max-width: 992px){
.telefon724-sol{width:37px;height:37px;border-radius:50%;background-color:#FC0;color:#584a12;z-index:1;text-align:center;font-size:1.5rem;font-weight:bold;float:left;margin-top:3px;margin-right:-12px;}
.telefon724-sag{width:44px;height:44px;border-radius:50%;background-color:#ef3b3b;color:#FFF;text-align:center;font-size:1.6rem;font-weight:bold;float:left;}
.telefon724-label{height:44px;}
}
.headtel-1 a, .headtel-2 a{color:#333;font-size:1.3rem;}
.headtel-1 a{font-weight:500;}
#logo-container img {max-width: 100%;max-height: 55px;}
@media only screen and (max-width: 768px) {
#logo-container img {max-width: 100%;max-height: 55px;}
}

.btn-telefon, .btn-telefon2 {
    /*background-color: #647384;*/
    text-align: left;
    padding: 10px 21px;
    font-size: 1.2em;
    font-weight: 500;
    height: auto;
    color: #513b79;
    border-radius: 27.5px;
    border: 0;
    vertical-align: top;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.btn-mail {
    /*background-color: #647384;*/
    text-align: left;
    padding: 10px 21px;
    font-size: 13px;
    font-weight: 500;
    height: auto;
    color: #513b79;
    border-radius: 27.5px;
    border: 0;
    vertical-align: top;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.btn-telefon:hover, .btn-telefon2:hover, .btn-mail:hover { text-decoration: none;color: #666666; }
.btn-telefon .telefon-text, .btn-telefon2 .telefon-text { color: #333333; font-size: 12px;}
.btn-telefon .telefon-text span, .btn-telefon2 .telefon-text span { color: #F73F23;font-weight: 700; }
.btn-telefon .servis724-img { height: 55px; }
.btn-telefon i, .btn-telefon2 i, .btn-mail i { font-size: 28px; }
.btn-telefon i { color: #F73F23;font-weight: 700; }
.btn-servis-cagir { padding-top: 10px;padding-bottom: 10px; background-color: #F73F23; border-color: #F73F23; }
.btn-servis-cagir:hover { background-color: #766f83; border-color: #766f83; }
.btn-custom-radius {border-radius: 27.5px;padding-left:15px;padding-right:15px;margin-right:10px;}
@media only screen and (max-width: 768px) {
    .head-butons-box {margin-top:15px;}
}
@media only screen and (min-width: 768px) {
    .head-butons-box .border-top {
        border: 0 !important;
    }
}

.btn-telefon-mobil {
    /*background-color: #647384;*/
    text-align: left;
    padding: 0px 0px;
    font-size: 1.2em;
    font-weight: 500;
    height: auto;
    color: #FFFFFF;
    border-radius: 0;
    border: 0;
    vertical-align: top;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}
.btn-telefon-mobil:hover { text-decoration: none;color: #FFFFFF; }
.btn-telefon-mobil i { font-size: 30px; color: #d28264; }
.btn-telefon-mobil .telefon-text { color: #FFFFFF; font-size: 12px;}
.btn-telefon-mobil .telefon-text span { color: #d28264;font-weight: 700; }

/*--------------------
# Navbar Menu
----------------------*/

#sidebar section ul{margin:0;padding:0;text-align:left;}
#sidebar section ul li{list-style:none;border-bottom:1px solid #DFDFDF;}
#sidebar section ul li a{display:block;padding:7px 0;text-decoration:none;color:#444;}
#sidebar section ul li a:hover{color:#069;}
#sidebar section ul li a::before{content:'› ';}

#sidebar-page ul{margin:0;padding:0;text-align:left;}
#sidebar-page ul li{list-style:none;border-bottom:1px solid #DFDFDF;position: relative;}
#sidebar-page ul li a{display: block;text-decoration: none;color: #4b5b68;padding: 15px 0 15px 15px; -webkit-transition: 0.2s; background-color: #f2f4f5;}
#sidebar-page ul li.current_page_item a { border-left:3px solid #316eb1;color:#316eb1;background-color:#FFF; }
#sidebar-page ul li a:hover { background-color: #FFFFFF;color:#069; border-left:3px solid #316eb1;}
#sidebar-page ul li a::before{content:'› ';}
.diger-sayfalar-title {color: #333;padding: 13px;font-size: 1.5em;font-weight:normal;margin-bottom:5px;}

/*--------------------
# Navigation
----------------------*/
/*----- Drowdown "submenu" yana açılır css ve icon*/
.dropdown-submenu {  position: relative;}
.dropdown-submenu a::after {  transform: rotate(-90deg);  position: absolute;  right: .7em;  top: 1em;}
@media only screen and (max-width: 768px) {
.dropdown-submenu a::after {  transform: rotate(0deg);  position: absolute;  right: .7em;  top: 1em;}
#mainNav .nav-link, #mainNav .dropdown-item{border-bottom:1px solid rgba(255,255,255,.3);padding-top:5px;padding-bottom:5px;}
}
/*@media (min-width: 992px){
#mainNav {padding-bottom:0;padding-top:0;}
}*/
.dropdown-submenu .dropdown-menu {  top: 0;  left: 100%;  margin-left: .1rem;  margin-right: .1rem;}
/*----- "submenu" BİTİŞ*/
/*---- Dropdown "hover olunca açılsın*/
@media only screen and (min-width: 768px) {
#mainNav .navbar-nav .nav-item li.dropdown:hover > a,
#mainNav .navbar-nav .nav-item li.dropdown:hover > a:hover,
#mainNav .navbar-nav .nav-item li.dropdown:hover > a:focus {
    color:#FFFFFF;background-color:#F73F23;
}
nav li.dropdown > .dropdown-menu {margin-top: 0px;}
nav li.dropdown:hover > .dropdown-menu { display: block;}
nav ul ul li.dropdown:hover > .dropdown-menu { left:100%;top:0; }
}
footer.footer ul.sub-menu {display:none;}
/*---- Dropdown "hover" BİTİŞ*/
.navbar-brand{transition:all .5s; padding-top: 0;padding-bottom: 0;}
.navbar-brand strong{font-weight:500;color:#444 !important;vertical-align:middle;font-size:25px;}
#mainNav{background-color:#FFFFFF;left: 0;}

#mainNav .navbar-nav .nav-item .nav-link{color:#393c3f;transition:all .5s;font-weight:500;font-size:13px;padding-top:6px;padding-bottom:6px;}
#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .active>.nav-link{color:#F73F23;} /*ff6600*/
#mainNav .navbar-nav .nav-item ul{padding:0;border:0;border-radius:0;}
#mainNav .navbar-nav .nav-item li a{padding-top:7px;padding-bottom:7px;font-size:13px;}
#mainNav .navbar-nav .nav-item li a:hover{background-color:#8e8e8f;color:#FFF;}
nav.shrink{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;position: fixed;top: 0;width: 100%;z-index:2;padding-top:5px !important;padding-bottom:5px !important;} /* top:0;transition:all 3s;z-index:2;display:block;width:100%;padding-top:0;padding-bottom:0; background-color:#ff6600 !important;*/
#mainNav .navbar-toggler{right:0;padding:7px;color:#ff6600;border:0;background-color:#FFFFFF;}
.navbar-brand.shrink, .navbar-container.shrink, .navbar.fixed-top.shrink, .navbar-brand,.navbar-container{transition:all .2s;}
nav.shrink .navbar-nav .nav-item .nav-link:hover,.navbar-brand:hover{color:rgba(0,0,0,.6) !important;}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1em;padding-left: 1em;}
    nav.shrink{padding-bottom:10px !important;padding-top:10px !important;}
    #mainNav .navbar-nav .nav-item{position: relative;}
    #mainNav .navbar-nav .nav-item::after {position: absolute;right: 0;top: 35%;border-right: 1px solid #cbcbcb;content: ''; display: inline-block;width: 1px;height: 10px;right: 0;}
    #mainNav .navbar-nav .nav-item:last-child::after {content: none}

}
@media (min-width: 1100px){
    .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1.7em;padding-left: 1.7em;}
}
#navbarResponsive{margin-top:20px;}
@media only screen and (min-width: 768px) { #navbarResponsive{margin-top:0px;}}
@media only screen and (min-width: 768px) { #navbarResponsive{margin-top:0px;} }
@media only screen and (max-width: 768px) {
    #navbarResponsive.show{max-height: 80vh;overflow: auto;}
}
@media (max-width: 992px){
    .navbar#mainNav {padding: 10px 0px 0 0;}
	#mainNav {position:fixed !important;top:0;left: 0;width:100%;z-index:2;padding-left:0;padding-right:0;}
	header {margin-top:40px; padding-right: 15px;}
	.navbar-expand-lg .navbar-nav .nav-link {padding-right: .8rem;padding-left: .8rem;}
	#mainNav .navbar-toggler {margin-right:10px;}
    #mainNav .navbar-nav .nav-item .nav-link{text-align: center;font-size:14px;border-top: 1px solid #e9e9e9;padding-bottom: 10px;padding-top: 10px;}
    #mainNav .navbar-nav .nav-item li a{text-align: center;}

}
/*--------------------
# Hero section
----------------------*/
#hero{color:#FFF;background:linear-gradient(rgba(20,20,20,.8), rgba(20,20,20,.8)), url(../img/heroImage.jpg);background-repeat:no-repeat;background-attachment:scroll;background-position:center;background-size:cover;height:410px;}
#hero .container{height:100%;display:table;}
#hero .intro-text{display:table-cell;vertical-align:middle;padding:20px;}
#hero .intro-heading{margin-bottom:25px;font-weight:500;}
#hero .intro-heading h1{color:#FFF;}
#hero .intro-text p{margin-bottom:.2rem;font-size:1.2rem;}
#hero .intro-heading span{color:#F73F23;font-size:62px;}
.btn-slider.btn-outline-warning{}
.btn-main{font-weight:400;font-size:1.2rem;letter-spacing:1px;display:inline-block;padding:7px 20px;border-radius:.3em;margin:10px;border:2px solid #766f83;color:#FFFFFF;transition:all .5s;background-color:#766f83;}
.btn-main span{display:block;font-size:14px;color:#666;font-weight:400;transition:all .5s;}
.btn-main:hover{background-color:transparent;border:2px solid #F73F23;color:#FFF;}
.btn-main:hover span{color:#FFFFFF;}
.btn-main2{font-weight:500;font-size:16px;letter-spacing:1px;display:inline-block;padding:8px 28px;border-radius:50px;margin:10px;border:0px solid #FFFFFF;color:#FFF;background-color:#F73F23;transition:all .5s;}
.btn-main2:hover{background-color:#fff;border:0px solid #F73F23;color:#F73F23;}

.sizi-arayalim-form i{margin-right:5px;transform: rotate(-255deg);font-size:1.2rem;}
.sizi-arayalim-form .siziArayalimBaslik{font-size:1.2rem;}
/*.sizi-arayalim-form input{padding:20px 15px;}
.sizi-arayalim-form button{padding:7.5px;background-color:#F73F23;}*/

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {  }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
#hero .intro-heading h1{ font-size:2.2rem; }
#hero .intro-text p{font-size:1rem;}
.btn-main{font-size:.9rem;padding:11px 28px;}
.sizi-arayalim-form i{font-size:1.6rem;}
.sizi-arayalim-form .siziArayalimBaslik{font-size:1.6rem;margin-bottom:20px !important;}
.sizi-arayalim-form .btn{display:block;width:100%;}
}

#toTop{position:fixed;bottom:10px;right:10px;cursor:pointer;display:none;padding:7.5px 15px;background-color:#F73F23;border:0px solid rgba(255,255,255,0.9);margin:10px;z-index:1;box-shadow:0 0px 6px rgba(0,0,0,.4);}
#toTop:hover{background-color:#999;}
#toTop.rounded-circle{border-radius:1px !important;}
.teklifAlButon{font-weight:400;font-size:.9rem;letter-spacing:1px;display:inline-block;padding:7px 20px;border-radius:30px;margin:10px;transition:all .5s;background-color:transparent;border:2px solid #F73F23;color:#F73F23;text-decoration:none !important;}
.teklifAlButon:hover, .teklifAlButon:active .teklifAlButon:focus{background-color:#F73F23;border:2px solid #F73F23;color:#FFFFFF;}
.teklifAlButon i{margin-right:5px;font-size:9pt;}
#telefonButon, #whatsappButon{display:none;}
@media only screen and (max-width: 768px) {
#telefonButon, #whatsappButon{position:fixed;bottom:10px;left:7px;cursor:pointer;display:block;padding:6px 8px;background-color:#009900;border:0px solid rgba(255,255,255,0.9);margin:10px;z-index:1;box-shadow:0 0px 6px rgba(0,0,0,.4);border-radius:5px;text-align:center;}
#telefonButon a, #whatsappButon a{color:#fff;font-weight:500;text-decoration:none;font-size: .9em;}
#telefonButon i{color:rgba(255,255,255,.9);font-size:12pt;padding-right:5px;-webkit-transform: rotate(-30deg);-moz-transform: rotate(-30deg);-ms-transform: rotate(-30deg);-o-transform: rotate(-30deg);}
#telefonButon:hover, #whatsappButon:hover{background-color:#999;}
#whatsappButon i{color:rgba(255,255,255,.9);font-size:12pt;padding-right:5px;}
}
#whatsappButon{left:120px !important;background-color:#3cb92a !important;}

/*--------------------
# WP CSS Style
----------------------*/
.wp-block-gallery{margin:3rem 0;}

/*--------------------
# Swiper Slider
----------------------*/
.home-slider {margin-top: 15px;}
/*slider*/
.swiper-container {
    width: 100%;
    height: 100%;
	/*height:250px;*/
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  /*background-color: rgba(0,0,0,0.3);*/
  background-size: cover;
  background-position: center;
  /*height:90vh;*/

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
    color: #393c3f;
}

.parallax-bg { width: 90%;max-height: 100%;padding:15px;background-color:rgba(0,0,0,0.0);color:#393c3f;text-align:left;margin:0 0px;display:block;line-height:normal;}
.swiper-slide .title {font-size: 2.5rem;font-weight: bold;line-height:normal;color:#393c3f;} /*text-shadow: 0px 1px 1px rgba(0,0,0,0.6);*/
.swiper-slide .subtitle {font-size: 16pt;line-height:normal;} /*text-shadow: 0px 1px 1px rgba(0,0,0,0.6);*/
.swiper-slide .text {font-size: 1.45em;line-height:normal;color:#393c3f;margin-left: 150px;font-weight: 500;}
.swiper-slide .text p {padding: 0;margin: 0;}
.swiper-slide .text .text-1 {font-size: 4rem;line-height:normal;color:#393c3f;}
.swiper-slide .text .text-2 {font-size: 3rem;line-height:normal;}
.swiper-slide .text .text-3 {font-size: 1.2rem;line-height:normal;}

@media (max-width: 576px){
    .home-slider { margin-top: 0px; }
    .home-slider .container { padding: 0;}
}
@media (max-width: 768px) {

  .btn-responsive {
    padding:2px 4px;
    font-size:100%;
    line-height: 1;
    border-radius:3px;
  }
    /*.swiper-slide {height:35vh;}*/
  .swiper-slide .title {font-size: 1.4rem;background-color:rgba(0,0,0,0.0);padding: 6px 16px; border-radius: 3px;}
  .swiper-slide .text {font-size: 1.3em;background-color:rgba(0,0,0,0.0);padding: 4px 0px; margin-top: 5px;border-radius: 3px;margin-left: 0px;}
  .swiper-slide .text .text-1 {font-size: 3rem;line-height:normal;}
  .swiper-slide .text .text-2 {font-size: 2rem;line-height:normal;}
  .swiper-slide .text .text-3 {font-size: 1rem;line-height:normal;}
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 7px; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 7px; }
@media (min-width: 769px) and (max-width: 992px) {
  .btn-responsive {
    padding:4px 9px;
    font-size:100%;
    line-height: 1.2;
  }

}

/*slide bg filter black*/
.bg-black { background-color: rgba(93, 56, 24, 0.3); }

.hover-blurout {
    background-color: rgba(160,83,97,0.2);
    background-image: -webkit-repeating-radial-gradient(center center, rgba(160,83,97,0.8), rgba(160,83,97,0.8) 0px, transparent 1px, transparent 100%);
    background-image: repeating-radial-gradient(center center, rgba(160,83,97,0.8), rgba(160,83,97,0.8) 0px, transparent 1px, transparent 100%);
    background-size: 3px 3px;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/*--------------------
# 404 sayfa bulunamadı
----------------------*/

.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:30px;margin-bottom:30px;}
.error-actions .btn { margin-right:10px; }

/* Images */

.img-responsive{display: block;max-width: 100%;height: auto;margin: 0px auto;}
.img-circle { border-radius: 50%; }

/* Comments */

textarea, input {border:1px solid #e4e4e4;}
textarea {width:100%;}
.comment-list, .children{list-style:none;}
ul.children {list-style:none;padding-left:0px; margin-left:0px;}
.comment-wrap { border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 50px; position:relative; }
.comment-wrap .comments-title{padding-top:60px;}
.comment-wrap .comment-img { float: left; margin-right: 20px; padding-bottom:25px;}
.comment-author {text-align:left;}
.comment-reply {position:absolute;top:0px;right:0px;font-style:italic; padding:5px 5px;background:#f5f5f5;}
.comment-author,.comment-author a{font-size: 14px;text-transform: uppercase; letter-spacing: 2px;margin-bottom:2px;}
.comment-date{font-size: 10px;text-transform: uppercase; letter-spacing: 2px;font-style:italic;display:block;padding-bottom:7px;}
.depth-2 .comment-wrap {padding-left:30px;}
.depth-3 .comment-wrap {padding-left:60px;}
.depth-4 .comment-wrap {padding-left:90px;}
.depth-5 .comment-wrap {padding-left:120px;}
.depth-6 .comment-wrap {padding-left:150px;}
.depth-7 .comment-wrap {padding-left:180px;}
.depth-8 .comment-wrap {padding-left:210px;}
.depth-9 .comment-wrap {padding-left:240px;}
.depth-10 .comment-wrap {padding-left:270px;}
#commentform #comment,#commentform #author,#commentform #email,#commentform #url{display:block;width:60%;}
#commentform input[type="submit"]{display:inline-block;padding:8px 15px;border:1px solid #e4e4e4;font-size: 10px;background: #fff;margin-top:15px;font-size:1rem;background-color:#099;color:#FFF;cursor:pointer;}
#commentform input[type="submit"]:hover {background: #666666;}
.title-line{border-top: 1px dotted #ccc;display: block;max-width: 30%;margin: 0 auto 25px;}

/* Responsive */

@media (max-width: 767px) {
    .comment-list, .children { padding-left: 0px; }
    .comment-wrap .comment-img { float: none;margin: 0px;width: 100%;padding-bottom: 0px; }
    .comment-img>img { display: block;margin: 0px auto; }
    .comment-author, .comment-author a, .comment-date { text-align:center; }
    .depth-2 .comment-wrap,.depth-3 .comment-wrap,.depth-4 .comment-wrap,.depth-5 .comment-wrap,.depth-6 .comment-wrap,.depth-7 .comment-wrap,.depth-8 .comment-wrap,.depth-9 .comment-wrap,.depth-10 .comment-wrap {padding-left:0px;}
    .comment-reply { position: relative; text-align: center; display: block; margin-top: 25px;}
	#commentform #comment,#commentform #author,#commentform #email,#commentform #url{display:block;width:100%;}
}
.comment-form-url{display:none;}

/*YORUMLAR*/
ol.comment-list { list-style:none; margin:20px 0 1em 0; padding:0; text-indent:0; font-family:Arial, Helvetica, sans-serif;}
ol.comment-list li { }
ol.comment-list li.alt { }
ol.comment-list li.bypostauthor {}
ol.comment-list li.byuser {}
ol.comment-list li.comment-author-admin {}
ol.comment-list li.comment { border-bottom:1px dotted #666; padding:1em; }
ol.comment-list li.comment div.comment-author {}
ol.comment-list li.comment div.vcard {font-size:.8em;color:rgba(102,102,102,1); }
ol.comment-list li.comment div.vcard cite.fn { font-style:normal;}
ol.comment-list li.comment div.vcard cite.fn a.url {}
ol.comment-list li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.comment-list li.comment div.vcard img.avatar-32 {}
ol.comment-list li.comment div.vcard img.photo {}
ol.comment-list li.comment div.vcard span.says {}
ol.comment-list li.comment div.comment-metadata a{font-size:10px;padding:5px 0;color:#666;}
ol.comment-list li.comment div.comment-meta { font-size:9px; }
ol.comment-list li.comment div.comment-meta a { color:#ccc; }
ol.comment-list li.comment p { font-size:1em; margin:0 0 1em; }
ol.comment-list li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.comment-list li.comment div.reply { font-size:12px; }
ol.comment-list li.comment div.reply a { font-weight:bold;color:rgba(0,102,153,1); }
ol.comment-list li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.comment-list li.comment ul.children li {}
ol.comment-list li.comment ul.children li.alt {}
ol.comment-list li.comment ul.children li.bypostauthor {}
ol.comment-list li.comment ul.children li.byuser {}
ol.comment-list li.comment ul.children li.comment {}
ol.comment-list li.comment ul.children li.comment-author-admin {}
ol.comment-list li.comment ul.children li.depth-2 { border-left:5px solid #555; margin:0 0 .25em .25em; }
ol.comment-list li.comment ul.children li.depth-3 { border-left:5px solid #999; margin:0 0 .25em .25em; }
ol.comment-list li.comment ul.children li.depth-4 { border-left:5px solid #bbb; margin:0 0 .25em .25em; }
ol.comment-list li.comment ul.children li.depth-5 {}
ol.comment-list li.comment ul.children li.odd {}
ol.comment-list li.even { background:#fff; }
ol.comment-list li.odd { background:#f6f6f6; }
ol.comment-list li.parent { border-left:5px solid #111; }
ol.comment-list li.thread-alt { }
ol.comment-list li.thread-even {}
ol.comment-list li.thread-odd {}

.comments-area article header {
    margin: 0 0 48px;
    overflow: hidden;
    position: relative;
    background-color:#55737D;
    color:#FFFFFF;
    padding: 10px;
}
li.bypostauthor cite span {
    color: #21759b;
    background-color: #f8f0cb;
    background-image: none;
    border: 1px solid #f8f0cb;
    border-radius: 3px;
    box-shadow: none;
    padding: 3px;
    font-weight:bold;
}
.comments-area .comments-title, .comments-area .comment-reply-title{font-size:1.2em;}

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    font-size: 1.1em !important;
}


/*.wp-block-image img {border-radius:5px !important;}*/

.blocks-gallery-item {
    padding: 0px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.page-telefon-buton-box a {text-decoration:none;}
.wp-block-embed iframe{max-width:100%;}


/*wordpress column custo style*/
@media screen and (max-width: 768px) {
    .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
        width: calc((100% - 32px)/3) !important;
    }
    .blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
        margin-right: 16px !important;
    }
    .blocks-gallery-grid .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery .blocks-gallery-item:nth-of-type(3n) {
        margin-right: 0 !important;
    }

    .wp-block-columns.has-2-columns {
        display: block;
        flex-flow: row wrap;
    }

    .has-2-columns .wp-block-column {
        flex-basis: 100%;
        margin: 20px 0;
    }

}

/*wp ortam ve içerik custom css*/
.wp-block-media-text {margin:0 0 30px 0;}
.wp-block-media-text .wp-block-media-text__media {border-radius:0px;overflow:hidden;}
.wp-block-media-text .wp-block-media-text__content{padding:0px 15px 0px 45px !important; font-size: 1em;}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding:0px 45px 0px 15px !important;}
@media (max-width: 992px){
    .wp-block-media-text .wp-block-media-text__content{padding:0px 15px 0px 15px !important;font-size: 14px;}
    .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right {
        grid-template-areas: "media-text-media" "media-text-content";
    }

    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100%!important;
        grid-template-areas: "media-text-media" "media-text-content";
    }

    .wp-block-media-text {
        display: grid !important;
        grid-template-rows: auto !important;
        align-items: center !important;
    }
    .wp-block-media-text .wp-block-media-text__content {
        word-break: break-word !important;
        grid-area: media-text-content !important;
        margin-top:8%;
    }
    .wp-block-media-text .wp-block-media-text__media {
        grid-area: media-text-media !important;
        margin: 0;
    }
}

/*--------------------
# Modal Css Start
----------------------*/
@media (min-width: 1024px){
    .modal-lg, .modal-xl {
        max-width: 950px;
    }
}

#homePopup .modal-content { border-radius: 0px; border: 0; overflow: hidden; }
#homePopup .close {
    position: absolute;top: 10px;right: 10px;z-index: 2;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000000;
    text-shadow: none;
    opacity: .9;
}
#homePopup .modal-body { padding: 0;}
/*--------------------
# End Modal Css
----------------------*/
.modal-dialog {
    max-width: 600px;
    max-height: 90vh;
    margin: 1.75rem auto;
}

/*btn custom style*/
.btn-custom-1 { background-color: #766f83 !important; border-color: #766f83 !important; }
.btn-custom-2 { background-color: #F73F23 !important; border-color: #F73F23 !important; }
.btn-custom-3 { background-color: transparent !important; color: #73585d !important; border-color: #73585d !important; }
.btn-custom-3:hover { background-color: #73585d !important; color: #FFFFFF !important; border-color: #73585d !important; }

/*home service item*/
.hizmet-box a{text-decoration: none;}
.hizmet-box .title,.hizmet-box .title2, .hizmet-box .title3  {z-index: 1;color: #FFFFFF;text-align: left;margin: 0 0 -0.25em -0.08em;padding: 0;line-height: normal;font-size: 3.5em;font-weight: 700;word-wrap:normal;width: 300px;}
.hizmet-box .title2 {font-size: 2.2em;width: 300px;margin: 0 0 -0.3em -0.08em;}
.hizmet-box .title3 {font-size: 2.2em;width: 200px;margin: 0 0 -0.26em -0.08em;}

.hizmet-box .hizmet1-item { background-position: center;background-repeat: no-repeat;background-size: cover; width: 100%; display: block; height: 500px; position: relative; }
.hizmet-box .hizmet2-item { background-position: center;background-repeat: no-repeat;background-size: cover; width: 100%; display: block; height: 240px; position: relative; }
.hizmet-box .hizmet2-item {margin-bottom: 20px;}
.hizmet-box .hizmet1-item::before, .hizmet-box .hizmet2-item::before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(0,0,0,0.25);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.hizmet-box .hizmet1-item::after, .hizmet-box .hizmet2-item::after {
    content: '';
    display: flex;
    width: 30px;
    height: 30px;
    right: 20px;
    bottom: 10px;
    vertical-align: bottom;
    text-align: right;
    /* align-items: flex-end; */
    /* justify-content: right; */
    /* justify-content: flex-end; */
    position: absolute;
    background-image: url(/wp-content/themes/bbwWpTheme5/img/arrow-right.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.hizmet-box .hizmet2-item::before {background-color: rgba(173,151,104,0.85);}

.home-content {font-weight: 500;color: #393c3f;}
.home-content .container hr { width: 3em; border-top: 3px solid #F73F23; }
.services-box {z-index: 1;position: relative;display: block;}

.hizmet-box .container {
    padding: 0 auto;
}

/*custom conainer box width*/
/*@media (min-width: 992px){
    .services-box .container { padding: 0 100px; }
    .service-item .service-title { font-size: 110%; }
    .home-content .container { padding: 0 100px; }
    .hizmet-box .container { padding: 0 160px; }
    .page-box .container { padding: 0 160px; }
    .page-header .container { padding: 0 160px; }
    .blogs-box .container { padding: 0 160px; }
    .kariyer-box .container { padding: 0 160px; }
}*/
@media (min-width: 992px){
    .page-box .container { padding: 0 120px; }
    .blog-box .container { padding: 0 120px; }
    .blogs-box .container { padding: 0 120px; }
}

.kariyer-item { border: 2px solid #F73F23; margin-bottom: 20px; padding: 15px; }
.kariyer-item h3{ margin: 0 0 10px 0; padding: 0;color: #333333; font-weight: 700; }
.kariyer-item .adres { color: #999999; }
.kariyer-item .excerpt { color: #999999; padding: 15px 0;display: block; }
.kariyer-item .excerpt p{ margin: 0;}
.kariyer-item .detail-btn{ display: block; margin-top: 10px;color: #878787; text-decoration: none;position: relative;}
.kariyer-item .detail-btn::after{
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    left: 8px;
    bottom: -2px;
    position: relative;
    background-image: url(/wp-content/themes/bbwWpTheme5/img/arrow-right-gri.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px){
    service-item .service-title { font-size: 130%; }
}
.blog-item { border: 1px solid #f4f4f4; margin-bottom: 20px; min-height: 250px; }
.blog-item .bgimage { min-height: 250px; position: absolute; width: 100%; height: 100%; background-repeat:no-repeat;background-position:center;background-size:cover; }
@media (max-width: 992px){
.blog-item .bgimage { position: relative; height: 220px; }
}
.blog-item h3{ margin: 0 0 10px 0; padding: 0;color: #333333; font-weight: 700; }
.blog-item .excerpt{ font-size: 1em;color: #878787; }
.blog-item .excerpt p{ margin: 0;}
.blog-item .detail-btn{ display: block; margin-top: 10px;color: #878787; text-decoration: none;position: relative;}
.blog-item .detail-btn::after{
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    left: 8px;
    bottom: -2px;
    position: relative;
    background-image: url(/wp-content/themes/bbwWpTheme5/img/arrow-right-gri.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.service-item {position: relative;overflow: hidden;border-bottom: 3px solid #F73F23;background-color: #FFFFFF;padding: 15px 15px;}
.service-item a{text-decoration: none;}
.service-item .service-ozet { color: #ebebeb; font-weight: 700; font-size: 1.7em; text-align: right; }
.service-item .service-title { color: #414042; font-weight: 700; font-size: 120%; text-align: right; }
.service-item .icons { background-color: #f7f4f0; width: 80px; height: 80px; border-radius: 50%;margin-left: -20px; }
.arastirma-icon{
    background-image: url(/wp-content/themes/bbwWpTheme5/img/arastirma.svg);
    background-size: 60%;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
}
.video-bilgi-icon{
    background-image: url(/wp-content/themes/bbwWpTheme5/img/video-bilgi.svg);
    background-size: 60%;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
}
.produksiyon-icon{
    background-image: url(/wp-content/themes/bbwWpTheme5/img/produksiyon.svg);
    background-size: 60%;
    background-position: center;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
}

.bulten-button {border-radius: 0;border-color: #F73F23;color: #F73F23 !important;}
.bulten-button:hover {border-radius: 0;border-color: #F73F23;background-color: #F73F23; color: #FFFFFF !important;}

/*--------------------
# Page header Section
----------------------*/
.page-header{display:block;width:100%;height: 100px;}
.page-image{background-repeat:no-repeat;background-position:center bottom;background-size:cover;background-attachment:fixed;}
/*
.page-title {display: block;border-bottom: 5px solid #F73F23;margin-bottom: -5px;}
.page-title h1{text-align:left;font-size:1.5em;line-height:normal;font-weight:200;color:#FFFFFF;padding:30px 60px 5px 15px;background-color: #F73F23;display: inline-block;margin: 0;}
*/
.page-title {font-weight: 500;font-size: 2em;}
@media only screen and (max-width: 768px) {
    .page-header{height: 250px;}
    .page-image{background-attachment:scroll;}
}

/*--------------------
# Footer Section
----------------------*/
footer.footer{background-color:#e4e4e4;padding:30px 0 0 0;font-size:1em;color:#393c3f;font-weight: 500;}
/*footer.footer p{margin:0;}*/
footer.footer a{color:#393c3f;}
footer.footer h3{color:#393c3f;font-size:1.3rem;margin-bottom:1.2rem;font-weight:normal;}
footer.footer ul{list-style:none;padding-left:0;}
footer.footer ul li a{color:#393c3f;line-height:1.5rem;font-size:13px;}
footer.footer .site-info{background-color:transparent;margin:30px 0 0px 0;padding:10px 10px;font-size:9pt;}
footer.footer .site-info .footer-etiket{font-size:8pt;}
.socials {border-top: 1px solid #bfbfbf;}
ul.social-buttons{text-align:center;margin: 20px 0 0 0;}
ul.social-buttons li {margin: 0 9px;display: inline-block;}
ul.social-buttons li a{outline:none;text-decoration: none;}
ul.social-buttons i {font-size:2em;color:#414143;transition:all .5s;}
ul.social-buttons i:hover {color:#F73F23;}

@media (max-width: 768px){
    footer.footer{text-align: center;}
    ul.social-buttons{margin: 30px 0;}
    ul.social-buttons li {margin: 0 15px;display: inline-block;}
}
.border-right-color { border-right: 2px solid #F73F23; }
.company-info .wp-block-column {margin: 0px !important;justify-content: center; border-right: 2px solid #F73F23; align-items: center!important;display: flex !important;}
.company-info .wp-block-column:last-child {border-right: 0px solid #F73F23;}
.company-info .wp-block-column p {margin: 0px !important;padding: 0 5px !important;font-size: 12px;}
@media (max-width: 992px){
    .company-info .wp-block-column {margin: 5px 0px !important; justify-content: left;border-right: 2px solid #F73F23;}
    .company-info .wp-block-column:last-child {border-right: 2px solid #F73F23;}
    .company-info .wp-block-column p {font-size: 14px;text-align: left;}
}

/*--------------------
# Contact Section
----------------------*/
.btn-contact{background-color:#b3b6b7;border-color:#b3b6b7;color:#fff;border-radius: 0;}
.btn-contact:hover{background-color:#868b8d;border-color:#868b8d;}
.form-group{margin-bottom:25px;}
.form-group input,.form-group textarea{padding:13px 15px;border-radius: 0;border:2px solid #b3b6b7;}
.form-group input.form-control{height:auto;}
.form-group textarea.form-control{height:248px;}
.form-control:focus{border-color:#F73F23;box-shadow:none;}
.form-control::placeholder { color: #999999; }

.wp-block-media-text>figure>img, .wp-block-media-text>figure>video {
    max-width: max-content!important;
}
.category-list{margin-left: -10px;}
.category-list .category-list-item {list-style: none;}
.category-list .category-list-item a:nth-child(2n+1) {
    margin-left: 10px;
}
.category-list .category-list-item a {text-decoration: none;display: block;margin-bottom: 15px;}
.category-list .category-list-item .category-img {border: 1px solid #e2e2e2;}
.category-list-item h2 {background-color: transparent; color: #333; text-align: center; font-size: 1.2em; margin-bottom: 0; padding: 10px 5px;-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
/*.category-list-item:hover h2 {background-color: #F73F23;}*/
.category-list .category-img {position: relative;}
@media (max-width: 992px){
    .category-list-item h2 {font-size: 1em;}
}

.product-list .product-list-item {text-align: center;padding: 10px 5px;position: relative;}
.product-list .product-list-item a {text-decoration: none;display: block;margin-bottom: 15px;}
.product-list .product-list-item .product-img{border: 1px solid #e2e2e2;position: relative;height: 250px;}
.product-list .product-list-item .product-img img{max-height: 100%;max-width: 100%;width: auto;}
.product-list .product-list-item .product-img img.resim-1{display: block;}
.product-list .product-list-item .product-img img.resim-2{display: none;}
/*.product-list .product-list-item .product-img:hover img.resim-1{display: none;}
.product-list .product-list-item .product-img:hover img.resim-2{display: block;}*/
.product-caption {display: block;padding: 10px 5px;}
.product-list-item .product-caption h2 {background-color: transparent; color: #333; text-align: center; font-size: 1em; margin-bottom: 0; padding: 10px 5px;-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
.product-list-item  .btn-sm {

    font-size: .70rem;

}
@media (max-width: 992px){
    .product-list-item .product-caption h2 {font-size: 0.85em;}
}
@media (min-width: 992px) {
    .product-list-item {
        margin-left: 1.166666667%;
        max-width: 18.666667%;
        flex: 0 0 18.666667%;
    }

    .product-list-item:first-child,
    .product-list-item:nth-child(5n+1) {
        margin-left: 0;
    }
}
/*.product-detail-image img {max-height: 400px;width: auto;}*/
.product-detail-gallery img {display: inline-block;max-width: 60px;max-height: 60px;margin: 5px;}
.product-whatsap i {font-size: 1.5em;margin-right: 5px;}

/*--------------------
# Statement Section
----------------------*/
.statement-header{display:table;width:100%;font-family: 'Raleway', sans-serif;}
.statement-image{background-repeat:no-repeat;background-position:right center;background-size:cover;}
.statement-filtre{background:linear-gradient(rgba(0,0,0,0.0), rgba(0,0,0,0.0));height:100%;}
.statement h4{color:#fff;}
.anasayfa-slogan{font-size:1.8rem;color:#333;line-height:normal;font-weight: 700;}/*text-shadow: 0px 2px rgba(0,0,0,0.4);*/
.anasayfa-slogan-alt{font-size:1.2rem;color:rgba(255,255,255,1);line-height:normal;}/*text-shadow: 0px 2px rgba(0,0,0,0.4);*/
@media only screen and (max-width: 768px) {
    .statement-filtre{background:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.1));height:100%;}
    .anasayfa-slogan{font-size:1.5em;font-weight: 500;color:#FFF;text-shadow: 0px 2px rgba(0,0,0,0.4);}
}
.blog-box h2 {margin-bottom: 30px;font-weight: normal;clear: both;}
/*sayfalama*/
.page-numbers-box {display:block;clear:both;margin-bottom: 20px;}
.page-numbers-box .page-numbers {display:inline-block;padding:5px 10px;background-color:#999;color:#FFF;}
.page-numbers-box .page-numbers.current {background-color:#333;color:#FFF;}

/*--------------------
# Latest Projects Section
----------------------*/
#latestProjects{background-color:#f2f2f2;}
#latestProjects .project-text{padding:30px;}
#latestProjects .project-text hr{border:1px solid #fff;width:25%;transition:all .5s;}
#latestProjects .project-text:hover hr{width:50%;}
.bg-orange{background-color:#39a0d2;}
.btn-white{font-weight:400;font-size:14px;display:inline-block;padding:5px 15px;border-radius:50px;border:1px solid #FFF;color:#fff;transition:all .5s;}
.btn-white:hover{background-color:#FFF;color:#39a0d2;border-color:#FFF;}

/*--------------------
# Portfolio Section
----------------------*/
.page-image-portfolio{background:linear-gradient(rgba(20,20,20,.8), rgba(20,20,20,.8)), url(../img/portfolioBg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;}
.portfolio-item{right:0;margin:0 0 5px 0;}
.portfolio-link{position:relative;display:block;max-width:400px;margin:0 auto;cursor:pointer;}
.portfolio-hover{position:absolute;width:100%;height:100%;opacity:0;background-color:rgba(32, 111, 156, 0.8);transition:all .5s;}
.portfolio-hover:hover{opacity:1;}
.portfolio-hover-content{font-size:20px;position:absolute;top:50%;width:100%;height:20px;margin-top:-12px;text-align:center;color:#FFF;}
.portfolio-hover-content i{margin-top:-12px;}
.portfolio-caption{max-width:400px;margin:0 auto;padding:0px;text-align:left;color: #666666;}
.portfolio-caption h3{margin:0;border: 0px solid #CCC;padding: 7px;font-size: 14px;font-weight: 500;}
.portfolio-caption p{font-size:12px;margin:0;}