/* AÇIKLAMA ----> BU ALANDA DEĞİŞİKLİK YAPACAK KİŞİDE EN AZ ORTA DÜZEY BİR CSS BİLGİSİ GEREKLİDİR.
HER İHTİMALE KARŞI BU KODLARI BİR YERE KOPYALAYIN VE AKSİ BİR DURUM KARŞISINDA BU KODLARI TEKRAR EKLEYEBİLİRSİNİZ ///////////////////////////////////////////*/

/* ASİL YAŞAM RENKLERİ
Antrasit: #252E2C
Koyu Hover: #343A3D
Turuncu: #DD7C35
Açık Gri: #F7F7F7
*/

/* Genel Ana Menü Alanı */
.top-level-menu{
width:auto;
display:flex;
align-items:center;
justify-content:space-between !important;
}

/* 1- Ana Menü Görünüm Ayarları */
.top-level-menu > li{
background: none;
border-bottom:2px solid transparent;
transition: all 0.25s ease;
}

/* İlk Menü Aktif Görünüm */
.top-level-menu > li:first-child

/* 2- Ana Menü Hover Arkaplan Rengi */
.top-level-menu > li:hover {
background-color: #343A3D;
border-bottom:2px solid #DD7C35;
}

/* 3- Ana Menü Box, Yazı Boyutu ve Renk Ayarları */
.top-level-menu > li span{
color:#FFFFFF;
padding: 22px 22px;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.3px;
transition: all 0.25s ease;
}

/* 4- Ana Menü Hover Yazı Rengi */
.top-level-menu > li:hover span{
color:#DD7C35;
}

/* 5- Açılır Menü Alanı Ayarları */
.second-level-menu{
width: 250px;
background-color: transparent;
padding: 0;
font-family : 'Roboto', Sans-serif;
}

/* Açılır Menü Kutusu */
.second-level-menu > div{
width: 100%;
background-color: #FFFFFF;
padding: 12px;
border-top:2px solid #DD7C35;
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* 6- Açılan Menüdeki Her Bir Menü Item Ayarları */
.second-level-menu > div > li{
padding: 10px 12px;
border-bottom:1px solid #F1F1F1;
transition: all 0.25s ease;
}

.second-level-menu > div > li:last-child{
border-bottom:none;
}

/* 7- Açılan Menüdeki Item Hover Arkaplan Ayarı */
.second-level-menu > div > li:hover {
background: #F7F7F7;
padding-left:16px;
}

/* 8- Açılan Menüdeki Item Font Ayarları */
.second-level-menu > div > li p{
color: #252E2C;
font-size:13px;
font-weight:400;
transition: all 0.25s ease;
}

/* 9- Açılan Menüdeki Item Hover Font Ayarı */
.second-level-menu > div > li:hover p{
color:#DD7C35;
}

/* 10- Üçüncü Açılan Menü Alanı İçin Genel Ayarlar */
.third-level-menu{
font-family : 'Roboto', Sans-serif;
left: 205px;
width: 250px;
margin-left: 250px;
background-color: #FFFFFF;
padding: 8px;
border-top:2px solid #DD7C35;
box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* 11- Üçüncü Açılan Menü Alanındaki Item Ayarları */
.third-level-menu > li{
padding: 9px 14px;
border-bottom:1px solid #F1F1F1;
transition: all 0.25s ease;
}

.third-level-menu > li:last-child{
border-bottom:none;
}

/* 12- Üçüncü Açılan Menü Item Hover Arkaplan Rengi */
.third-level-menu > li:hover {
background: #F7F7F7;
padding-left:18px;
}

/* 13- Üçüncü Açılan Menü Item Yazı Ayarı */
.second-level-menu > div > li > .third-level-menu li p{
color: #252E2C;
font-size:12px;
font-weight:400;
transition: all 0.25s ease;
}

/* 14- Üçüncü Açılan Menü Item Yazı Hover Ayarı */
.second-level-menu > div > li > .third-level-menu li:hover p{
color:#DD7C35;
}

/* 15- Açılan Menü Alanlarındaki Üst Çizgi Renkleri */
.second-level-menu,
.third-level-menu{
border-color:#DD7C35;
}

/* Mobil Uyumluluk İçin Menü Yazıları */
@media only screen and (max-width: 991px){
.top-level-menu{
display:block;
width:100%;
}

```
.top-level-menu > li{
    border-bottom:1px solid rgba(255,255,255,0.08);
}

.top-level-menu > li span{
    padding: 15px 18px;
    font-size: 13px;
    color:#FFFFFF;
}

.top-level-menu > li:hover{
    background-color:#343A3D;
    border-bottom:1px solid #DD7C35;
}

.second-level-menu,
.third-level-menu{
    width:100%;
    margin-left:0;
    left:0;
}
```

}

.topheader-container{
background-color: #F7F7F7;
}

.header-desktop-social-div a{
display: block;
font-size: 18px ;
margin-left: 10px;
margin-right: 10px;
color: #252E2C;
}
.header-desktop-social-div a:hover{
text-decoration: none;
color: #252E2C;
}

.topheader-links-box{
color: #2E2E2E}
.topheader-links-box:hover{
color: #2E2E2E;
text-decoration:none;
}

.desktop-slider-contact-container{
background: rgba(0,0,0,.38);
padding: 30px 0;
}
.sl-cont-box-i{
color: #F3D95D}
.sl-cont-box-txt{
color: #FFFFFF}


.header-desktop-logo-div-main{
margin-top: -85px;
}

.lang-select-custom-div i,
.header-lang-name{
color:# !important;
}


.header-infobox{
border-right:1px solid #}

.header-infobox-i{
color:#DD7C35;
}
.header-infobox-txt-h{
color:#;
}

.header-infobox-txt-s2,
.header-infobox-txt-s2:hover,
.header-infobox-txt-s:hover,
.header-infobox-txt-s{
color:#636363;
}


/* hizmetler */
.hizmetler-module-main-div{
    background:#fff ;
padding:60px 0;
margin: 0px 0;
}
.hizmetbox{
background-color: #FFFFFF;
}
.hizmetbox-img{
background-color: #FFFFFF;
}
.hizmetbox-hed a{
color: #000000;
}


.infobox-main{
    background:#F3F6F9 ;
}





/* Swiper Custom Style ///////////////////////////////////////////*/
.swiper-container {
height: 875px;
}
.swiper-slide {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
}
[class^="swiper-button-"] {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
[class^="swiper-button-"] {
width: 44px;
opacity: 0;
visibility: hidden;
}

.swiper-button-prev {
-webkit-transform: translateX(50px);
transform: translateX(50px);
}

.swiper-button-next {
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.swiper-pagination-bullet-active {
width: 20px!important; height: 4px!important; border-radius: 0 !important;
background-color: transparent !important;
background-color:#F3D95D !important;
}
[class^="swiper-pagination-bullet"]{
width: 10px; height: 4px;
-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;
transition: all .3s ease;
}
.swiper-container.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom:80px;
}

/* Swiper Custom Style SON ///////////////////////////////////////////*/


/* iphone 5s ==========================================
*****************************************************************************/
@media screen and (max-width:321px) and (min-width:0px) {
.swiper-container {
width: 100% !important; margin: 0 auto;
height: 400px !important;
}
.slider_text_inside_box_h{
font-size: 28px !important ;
line-height: 28px !important ;
}
.slider_text_inside_box_s{
font-size: 18px !important ;
line-height: 22px !important ;
}
}
/*** iphone X - S5 vs ==========================================
*****************************************************************************/
@media screen and (max-width:410px) and (min-width:321px) {
.swiper-container {
width: 100% !important; margin: 0 auto;
height: 400px !important;
}
.slider_text_inside_box_h{
font-size: 28px !important ;
line-height: 28px !important ;
}
.slider_text_inside_box_s{
font-size: 18px !important ;
line-height: 22px !important ;
}
}
/* Pixel 2 - iphone plus ==========================================
*****************************************************************************/
@media screen and (max-width:767px) and (min-width:410px) {
.swiper-container {
width: 100% !important; margin: 0 auto;
height: 400px !important;
}
.slider_text_inside_box_h{
font-size: 28px !important ;
line-height: 28px !important ;
}
.slider_text_inside_box_s{
font-size: 18px !important ;
line-height: 22px !important ;
}
}
/* Ipad Pro*/
@media screen and (max-width:1100px) and (min-width:1023px) {
.swiper-container {
height: 580px;
}
.slider_text_inside_box_h{
    font-size: 55px !important ;
    line-height: 55px !important ;
}
}

@media screen and (max-width:1023px) and (min-width:767px) {
/* Ipad */
.swiper-container {
height: 580px;
}
.slider_text_inside_box_h{
    font-size: 55px !important ;
    line-height: 55px !important ;
}
}

/* RESPONSIVE ENDING ==========================================
*****************************************************************************/
@media screen and (max-width:1440px) and (min-width:1101px) {
.swiper-container{  height: 875px; }
}
@media screen and (max-width:1600px) and (min-width:1441px) {
.swiper-container{  height: 875px; }
}
@media screen and (max-width:1680px) and (min-width:1601px) {
.swiper-container{  height: 875px; }
}









.footer-module-main-div{
font-family : 'Roboto',sans-serif ;
    background:#252E2C ;
padding:60px 0;
margin: 0px 0 0 0;
}
.footer-module-box-telif{
width: 90%;
font-family : 'Roboto',sans-serif ;
color: #DADADA;
}
.footer-module-box-social a{
display: block;
color: #FFFFFF;
padding: 10px 14px;
box-sizing: border-box;
line-height: 15px;
font-size: 15px ;
}
.footer-module-box-social a:first-child{
padding-left: 0;
}
.footer-module-header-text{
color: #FFFFFF;
}
.footer-module-contact-box{
color: #DADADA;
}
.footer-module-contact-box a{
color: #DADADA;
}
.footer-module-workhour-div{
color: #DADADA;
}
.footer-module-links-div a{
display: block;
width: 100%;
margin-bottom: 10px;
color: #DADADA;
}


.sss-module-main-div{
    background:#FFFFFF ;
padding:50px 0;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.accordion_main {
width: 100%;
text-align: left
}

.accordion-header,
.accordion-body {}

.accordion__item{
border-bottom:1px solid #F1F1F1 !important;
margin-bottom: 0}

.accordion-header {
padding: 1.5em 1.5em;
background: #FFFFFF;
color: #000000;
cursor: pointer;
font-size:16px;
font-weight: 400;
letter-spacing: .05em;
transition: all .3s;
}
.accordion__item:last-child{
border-bottom:1px solid #F1F1F1 !important;
}


.accordion-body {
background: #F5F5F5;
color: #000000;
display: none;
width: 100%;
}

.accordion-body__contents {
padding: 20px 20px 40px 20px;
line-height: 20px;
font-weight: 300;
font-size: 14px;
width: 100%;
letter-spacing: .03em;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
overflow: hidden;
}

.accordion__item.active:last-child .accordion-header {
border-radius: 0;
}

.accordion:first-child > .accordion__item > .accordion-header {
border-bottom: 1px solid transparent;
}

.accordion__item > .accordion-header:before {
content: "\f078";
font-family: FontAwesome;
font-size: 1.2em;
float: left;
margin-right: 15px;
position: relative;
transition: .3s all;
transform: rotate(0deg);
}

.accordion__item.active > .accordion-header:before {
transform: rotate(-180deg);
}

.accordion__item.active .accordion-header {
background: #F5F5F5;
color:#D45757}





.intro-video-module-main-div{
    background-image:url("../../images/uploads/") ;
    background-size: cover;
    background-position:top center;
    padding:px 0;
margin-top: px !important ;
margin-bottom: px !important;
}










.yorumlar-module-main-div{
font-family : 'DM Sans',sans-serif ;
    background-image:url("../../images/uploads/619885418104-68-comments.jpg") ;
    background-size: cover;
    background-position:top center;
    padding:60px 0;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.swiper-comments {
width: 100%;
height: auto;
padding-bottom:60px;
}
.swiper-comments .swiper-slide {
width: 100%;
background-color:#FFF;
display:block;
padding:20px;
box-sizing:border-box;
border-radius: 5px;
height:100%;
text-align:center;
}
.swiper-comments .swiper-pagination-bullet-active {
width: 14px!important; height: 14px!important;
border-radius: 100px !important;
background-color: #FDB900 !important;
}
.swiper-comments .swiper-pagination-bullet {
width: 14px; height: 14px;
border-radius:100px !important;
webkit-transition: all .3s ease;
transition: all .3s ease;
}


.marka-module-main-div{
    background:#EDF3F9 ;
padding:40px 0;
margin-top: 0px !important;
margin-bottom: 0px !important;
}

.swiper-clients {
width: 100%;
height: 100%;
position: relative;

}

.swiper-clients .swiper-slide {
text-align: center;
padding: 5px 10px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-clients .swiper-slide img{
max-height: 90px;
}







.blog-box{
border: 1px solid #F1F1F1;
background-color: #F1F1F1;
}



.info-main-div {
font-family : 'DM Sans',sans-serif ;
    background:#F3F6F9 ;
padding:21px 0;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.hizmetler-box-h{
background-color: #;
}


.infoboxes{
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 0px;
}
.infoboxes-txt{
color: #000000;
}
.infoboxes-spot{
color: #636363;
}


.header-top-boxes-box-i{
color:#252E2C}
.header-top-boxes-box-txt{
color:#}

.top-social-a{
color:#252E2C}
.top-social-a:hover{
color:#252E2C}

.header-mobile-view-in{
padding:20px 0 ;
}
.menu-icon-toggle span{
background-color: #252E2C;
}
.home:not(.open) .menu-icon-toggle span {
background-color: #252E2C;
}
.menu-icon-toggle::before, .menu-icon-toggle::after {
background-color: #252E2C;
}
.open .menu-icon-toggle::before, .open .menu-icon-toggle::after {
background-color: #252E2C;
}
.fa-chevron-down{
transform: rotate(0deg);
transition: transform .02s linear;
}

.fa-chevron-down.open{
transform: rotate(180deg);
transition: transform 0.2s linear;
}



.filter-button{color:#252E2C; background: #FFFFFF; font-size:14px; border-radius:100px; }
.filter-button.is-checked{color:#FFFFFF; background: #DD7C35;}

.project-item{
border-radius: 14px;
}

.projeler-modules{
font-family : 'DM Sans',sans-serif ;
    background:#252E2C ;
padding:80px 0;
margin-top: 0px !important;
margin-bottom: 0px !important;
}