body,html{
width: 100%;
height: 100%;
margin: 0; padding: 0;
}
.language-desktop{
display: inline-block;
}
#proje-slide{
overflow:hidden;
position: relative;
}
#proje-slide:hover .proje-slide-img{
transform: rotate( 2deg ) scale(1.1);
}
.proje-slide-img{
width: 100%;
height: 100%;
transition-duration: 0.2s; transition-timing-function: linear;
}
.proje-slide-img img{
width: 100%;
}
.hizmetler-box:hover .service-button-container a{
background-color: #094892;
color: #fff;
}
.service-button-container{
right: 10px;
display: inline-block;
bottom:25px;
position: absolute;
}
.service-button-container a{
border: 1px solid #ebebeb;
background-color: #fff;
width: 35px;
height: 35px;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
color: #000;
}
.service-button{
border-radius: 4px;
display: inline-block;
width: auto;
}
.belgeler-inside{
width: 1300px;
margin: 0 auto;
padding: 30px 0;
display: flex!important;
justify-content: center;
flex-wrap: wrap;
}
.belge-box{
width: 22.5%;
display: inline-block;
margin:15px;
height: auto;
transition-duration: 0.2s; transition-timing-function: linear;
position: relative;
color: #fff;
}
.belge-box-overlay{
position: absolute;
opacity: 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
transition-duration: 0.2s; transition-timing-function: linear;
background: rgb(0, 0, 0);
background: linear-gradient(
180deg
, rgba(5, 5, 5, 0.76) 0%, rgba(0, 0, 0, 0.44) 50%, rgba(165, 14, 14, 0) 100%);
height: 280px;
}
.belge-box-overlay i{
font-size: 35px ;
}
.belge-box:hover .belge-box-overlay{
opacity: 1;
}
.belge-box img{
width: 100%;
padding: 10px;
border: 1px solid #EBEBEB;
box-sizing: border-box;
}
.belge-box:hover{
box-shadow: 0px 20px 40px rgb(3 15 39 / 10%);
-moz-box-shadow: 0px 20px 40px rgba(3, 15, 39,0.10);
-webkit-box-shadow: 0px 20px 40px rgb(3 15 39 / 10%);
color: #fff;
}
.js-accordion-item{
margin-bottom: 20px !important;
}
.topheader-out{
width: 100%;
position: relative;
z-index: 9;
}
.topheader-links-area{
flex:1;
display: flex;
justify-content: flex-start;
align-items: center;
}
.topheader-links-box{
display: inline-block;
font-size: 13px ;
font-weight: 600;
margin:0 15px 0 0;
padding: 1px 15px;
}
.topheader-links-box i{
margin-right: 10px;
font-size: 18px ;
}
.topheader-links-box-in{
display: flex;
align-items: center;
justify-content: flex-start;
}
.slider_text_inside_main{
width: 1140px;
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-container,
.topheader-container{
width:96%;
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.desktop-slider-contact-container{
position: absolute;
width: 100%;
bottom:0;
z-index: 1;
display: flex;
justify-content: center;
}
.sl-cont-box{
width: auto;
margin-left: 30px;
margin-right: 30px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.sl-cont-box-i{
margin-right: 15px;
font-size: 33px ;
line-height: 40px;
}
.sl-cont-box-txt{
flex:1;
}
.sl-cont-box-txt-1{
font-size: 16px ;
margin-bottom: 5px;
}
.sl-cont-box-txt-2{
font-size: 13px ;
line-height: 18px;
}
.sl-cont-box-txt-3{
font-size: 17px ;
line-height: 19px;
}
.proje-detail-container{
width: 1220px;
margin: 0 auto;
padding: 50px 0;
}
.project-item-cat-name{
width: 100%;
font-size: 13px ;
margin-bottom: 5px;
}
.project-item-name{
width: 100%;
font-size: 20px ;
}
.project-item{
width: 31.5%;
margin:10px;
overflow:hidden;
position: relative;
height: 295px;
}
.project-item-img{
width: 100%;
height: 100%;
}
.project-item:hover .project-item-img img{
transform: rotate( 5deg ) scale(1.2);
}
.project-item-link-div{
position: absolute;
color: #FFF;
font-size: 25px ;
opacity: 0;
margin-left: -50px;
transition-duration: 0.1s; transition-timing-function: linear;
top: 10px;
}
.project-item:hover .project-item-link-div{
opacity: 1;
z-index: 999;
margin-left: 20px;
}
.project-item-img img{
transition-duration: 0.2s; transition-timing-function: linear;
width: 100%;
height: 100%;
}
#proje-slide:hover .project-item-overlay-big{
height: 100%;
background: linear-gradient(
0deg
, rgba(5, 5, 5, 0.90) 0%, rgba(0, 0, 0, 0.50) 50%, rgba(165, 14, 14, 0) 100%);
padding-bottom: 100px;
}
.project-item-overlay-big {
transition-duration: 0.1s; transition-timing-function: linear;
background: rgb(0, 0, 0);
background: linear-gradient(
0deg
, rgba(5, 5, 5, 0.76) 0%, rgba(0, 0, 0, 0.44) 50%, rgba(165, 14, 14, 0) 100%);
position: absolute;
bottom: 0;
width: 100%;
height: 250px;
padding: 25px;
padding-bottom: 25px;
font-size: 24px;
box-sizing: border-box;
text-shadow: 0 2px 1px #000;
color: #FFF;
z-index: 7;
display: flex;
flex-direction: column;
justify-content: flex-end;
text-align: center;
flex-wrap: wrap;
}
.project-item-cat-name-big{
width: 100%;
font-size: 15px ;
margin-bottom: 5px;
}
.project-item-name-big{
width: 100%;
font-size: 30px ;
}
.project-item-overlay {
background: rgb(0, 0, 0);
background: linear-gradient(
0deg
, rgba(5, 5, 5, 0.76) 0%, rgba(0, 0, 0, 0.44) 50%, rgba(165, 14, 14, 0) 100%);
position: absolute;
bottom: 0;
width: 100%;
height: 150px;
padding: 25px;
font-size: 18px;
box-sizing: border-box;
text-shadow: 0 2px 1px #000;
color: #FFF;
z-index: 7;
display: flex;
flex-direction: column;
justify-content: flex-end;
flex-wrap: wrap;
}
.projeler-modules{
width: 100%;
margin: 0;
position: relative;
}
.projeler-modules-inside-area{
width: 98%;
margin: 0 auto;
padding: 40px 0;
box-sizing: border-box;
z-index: 99;
position: relative;
}
.projeler-container{
width: 100%;
z-index: 9;
}
.triger-container{
width: 1220px;
margin: 0 auto;
box-sizing: border-box;
padding: 35px 40px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-top: -65px;
position: relative;
z-index: 9;
border-radius: 5px;
}
.triger-container-2{
width: 100%;
margin: 0 auto;
box-sizing: border-box;
padding: 35px 40px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
z-index: 9;
}
.triger-2-inside{
width: 1220px;
margin: 0 auto;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
z-index: 9;
}
.triger-icon{
width: 75px;
}
.triger-icon i{
font-size: 38px ;
}
.triger-button{
margin-left: auto;
}
.triger-txt{
flex:1;
}
.triger-txt-h{
width: 100%;
font-size: 22px ;
font-weight: 500;
}
.triger-txt-s{
width: 100%;
font-size: 16px ;
}
.header-right-area{
flex: 1;
margin-left: 50px;
display: flex;
justify-content: flex-end;
}
.header-new-social-container{
flex:1;
display: flex;
align-items: center;
justify-content: flex-end;
margin-right: 20px;
}
.header-button-class{
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 12px 25px;
font-size: 15px ;
font-weight: 500 !important;
letter-spacing: 0 !important;
box-shadow:none !important;
border-radius: 5px;
margin-left: 15px;
}
.header-infobox{
display: flex;
align-items: center;
justify-content: flex-start;
}
.header-infobox:last-child{
border-right: 0;
}
.header-infobox-i{
margin-right: 10px;
}
.header-infobox-txt{
flex:1;
}
.header-infobox-txt-h{
width: 100%;
font-size: 12px ;
line-height: 13px;
}
.header-infobox-txt-s2{
width: 100%;
font-size: 14px ;
font-weight: 600;
}
.header-language-div{
display: flex;
align-items: center;
justify-content: center;
margin-left: 15px;
}
.lang-select-custom-div{
text-transform: uppercase;
font-size: 12px ;
display: flex;
align-items: center;
justify-content: center;
padding: 4px 12px;
-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;
}
.flagcons{
border-radius: 100px;
width: 23px;
height: 18px;
}
.lang-select-custom-div:hover{
text-decoration: none;
}
/* Header ve Slider ////////////////////////////////////////////*/
.slider_text_inside_main{
height: auto;
z-index: 2;
display: flex;
}
.slider_text_inside_box{
width: 70%;
text-align: center;
}
.slider_text_inside_box_h{
width: 100%;
margin-bottom: 35px;
}
.slider_text_inside_box_s{
width: 100%;
margin-bottom: 60px;
}
.slider_text_inside_box_button{
width: 100%;
margin-top: 50px;
}
.header-language-div .dropdown-menu{
padding: 10px !important;
min-width: 140px;
margin-top: 8px;
box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.header-language-div .dropdown-menu a{
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 12px ;
font-weight: 600;
}
.header-language-div .dropdown-menu:before {
content: '';
height: 11px;
width: 11px;
position: absolute;
background-color: #fff;
top: -6px;
right: 9px;
border-top: rgba(0,0,0,.15) solid 1px;
border-left: rgba(0,0,0,.15) solid 1px;
transform: rotate(
45deg
);
}
.header-main-div{
width: 100%;
box-sizing: border-box;
}
.header-mobile-view{
display: none;
}
.web-header-mobile-bar{
display: none;
}
.header-desktop-main-div{
width: 1220px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.header-desktop-logo-div{
width: 140px;
margin-right: 20px;
}
.header-desktop-logo-div img{
max-width: 300px;
}
.header-containers{
width: 100%;
z-index: 99;
position: relative;
}
.header-desktop-menu-items-main-div{
width: 1220px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.header-lang-name{
margin-left: 3px;
}
.lang-dropdown-div{
border-radius: 0!important;
margin-top: 5px !important;
border: 1px solid #f1f1f1 !important;
box-shadow: 0 0 5px rgba(0,0,0,.15);
z-index: 9999999999 !important;
min-width: 160px;
}
.lang-dropdown-div a{
font-size: 14px ;
display: flex;
align-items: center !important;
justify-content: flex-start !important;
}
.dropdown-item{
padding: 5px 10px !important;
}
/* Header ve Slider SON ////////////////////////////////////////*/
/* Hakkımızda Modül Blogu ///////////////////////////////////////////*/
.about-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.about-module-inside-area{
width: 65%;
margin: 0 auto;
display: flex;
align-items:center;
justify-content: center;
flex-wrap: wrap;
z-index: 9;
position: relative;
}
/* tip 1 sola dayalı */
.about-module-leftside-txt{
flex:1;
text-align: left;
}
.about-module-leftside-txt-h{
width: 100%;
font-size: 15px ;
margin-bottom: 15px;
}
.about-module-leftside-txt-h2{
width: 100%;
margin-bottom: 25px;
font-size: 40px ;
line-height: 40px;
}
.about-module-leftside-txt-s{
width: 100%;
font-size: 22px ;
margin-bottom: 45px;
}
.about-module-leftside-img{
max-width: 500px;
text-align: right;
margin-left: 30px;
}
.about-module-leftside-img img{
max-width: 100%;
}
/* Tip - 0 Ortalı */
.about-module-center-txt{
width: 100%;
text-align: center;
}
.about-module-center-txt-h{
width: 100%;
font-size: 15px ;
margin-bottom: 15px;
}
.about-module-center-txt-h2{
width: 100%;
margin-bottom: 25px;
font-size: 40px ;
line-height: 40px;
}
.about-module-center-txt-s{
width: 100%;
font-size: 22px ;
margin-bottom: 45px;
}
.about-module-center-txt-button-area{
width: 100%;
}
.about-module-center-img{
width: 100%;
margin-top: 30px;
text-align: center;
}
/*tip 2 sağ hizalı */
.about-module-rightside-txt{
flex:1;
text-align: right;
}
.about-module-rightside-txt-h{
width: 100%;
font-size: 15px ;
margin-bottom: 15px;
}
.about-module-rightside-txt-h2{
width: 100%;
margin-bottom: 25px;
font-size: 40px ;
line-height: 40px;
}
.about-module-rightside-txt-s{
width: 100%;
font-size: 22px ;
margin-bottom: 45px;
}
.about-module-rightside-txt-button-area{
width: 100%;
}
.about-module-rightside-img{
max-width: 500px;
margin-right: 30px;
text-align: left;
}
.about-module-rightside-img img {
max-width: 100%;
}
/* Hakkımızda Modül Blogu SON ///////////////////////////////////////////*/
/* Sayaç ///////////////////////////////////////////*/
.counter-module-main-div{
width: 100%;
}
.counter-module-inside-area{
width: 80%;
margin: 0 auto;
display: flex;
align-items:center;
justify-content: center;
flex-wrap: wrap;
z-index: 9;
position: relative;
}
.counter-module-box{
margin-left: 50px;
margin-right: 50px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.counter-module-box-i{
width: 100%;
font-size: 32px ;
}
.counter-module-box-sayi{
font-size: 55px ;
padding: 1px 8px;
font-weight: bold;
line-height: 55px;
margin-bottom: 15px;
}
.counter-module-box-txt{
width: 100%;
font-size: 18px ;
font-weight: 500;
}
/* Sayaç SON ///////////////////////////////////////////*/
/* Hizmetler ///////////////////////////////////////////*/
.hizmetler-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.hizmetler-module-inside-area{
width: 1160px;
margin: 0 auto;
display: flex;
align-items:center;
justify-content: center;
flex-wrap: wrap;
z-index: 9;
position: relative;
}
.hizmetler-box-main-div{
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.hizmetler-box{
width: 31.1%;
margin: 20px 1%;
overflow: hidden;
box-sizing: border-box;
display: flex;
flex-direction: column;
transition-duration: 0.15s; transition-timing-function: linear;
}
.hizmetler-box-img{
width: 100%;
position: relative;
height:auto;
}
.hizmetler-box-img img{
max-width: 100%;
z-index: 1;
transition-duration: 0.1s; transition-timing-function: linear;
}
.hizmetler-box-txt{
width: 100%;
font-size:16px ;
font-weight: 600;
display: block;
padding-bottom: 0;
margin-top: 0 !important;
}
.hizmetler-box-spot{
width: 100%;
font-size:15px ;
font-weight: 400;
display: block;
}
.hizmetler-box:hover .hizmetler-box-h{
height: 180px;
}
/* Hizmetler SON ///////////////////////////////////////////*/
/* Blog Yazıları ///////////////////////////////////////////*/
.bloglar-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.bloglar-module-inside-area{
width: 1160px;
margin: 0 auto;
display: flex;
align-items:center;
justify-content: center;
flex-wrap: wrap;
z-index: 9;
position: relative;
}
.bloglar-box-main-div{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.blog-box{
width: 23%;
margin: 1%;
overflow: hidden;
margin-bottom: 20px;
box-sizing: border-box;
transition-duration: 0.2s; transition-timing-function: linear;
}
.blog-box-overlay{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
z-index: 1;
background-color: rgba(255,255,255,0.5);
transition-duration: 0.2s; transition-timing-function: linear;
display: flex;
align-items: center;
justify-content: center;
}
.blog-box-overlay i{
font-size: 40px ;
color: #000;
opacity: 0;
transition-duration: 0.1s; transition-timing-function: linear;
margin-top: 500px;
}
.blog-box:hover .blog-box-img img{
-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);
filter: blur(2px);
}
.blog-box:hover .blog-box-overlay{
opacity: 1;
}
.blog-box:hover .blog-box-overlay i {
opacity: 1;
margin-top:0;
}
.blog-box-img{
width: 100%;
margin-bottom: 15px;
overflow: hidden;
position: relative;
}
.blog-box-img img{
min-width: 100%;
max-width: 115%;
transition-duration: 0.2s; transition-timing-function: linear;
}
.blog-box-date{
width: 80%;
margin: 0 auto;
margin-bottom: 15px;
font-size: 13px ;
font-weight: 500;
text-transform: uppercase;
}
.blog-box-h{
width: 80%;
margin: 0 auto;
margin-bottom: 25px;
font-size: 24px ;
line-height: 28px;
font-weight: 600;
}
.blog-box-s{
width: 80%;
margin: 0 auto;
margin-bottom: 35px;
font-size: 17px;
line-height: 21px;
font-weight: 400;
}
.blog-box-button{
width: 80%;
margin: 0 auto;
margin-bottom: 40px;
text-transform: uppercase;
font-size: 13px ;
font-weight: 500;
}
.blog-box:hover{
box-shadow: 0px 20px 40px rgb(3 15 39 / 10%);
-moz-box-shadow: 0px 20px 40px rgba(3, 15, 39,0.10);
-webkit-box-shadow: 0px 20px 40px rgb(3 15 39 / 10%);
}
.home-comment-slide{
cursor: pointer;
transition-duration: 0.2s !important; transition-timing-function: linear !important;
padding: 20px;
box-sizing: border-box;
height: 100%;
}
.swiper-comments .swiper-slide{
padding: 15px !important;
background-color: transparent !important;
}
.home-comment-slide:hover{
box-shadow: 0px 20px 40px rgb(3 15 39 / 10%);
-moz-box-shadow: 0px 20px 40px rgba(3, 15, 39,0.10);
-webkit-box-shadow: 0px 20px 40px rgb(3 15 39 / 10%);
}
/* Blog Yazıları SON ///////////////////////////////////////////*/
/* Foto galeri ///////////////////////////////////////////*/
.pgallery-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.pgallery-module-inside-area{
display: flex !important;
align-items:center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
z-index: 9;
position: relative;
}
.gallery-inzide{
width: 100%;
margin: 0 auto;
}
.pgallery-module-inside-box{
width: 15%;
overflow: hidden;
height: 245px;
position: relative;
margin-bottom: 20px;
margin-top: 20px;
}
.pgallery-module-inside-box img{
min-width: 100%;
max-width: 125% ;
min-height: 245px;
transition-duration: 0.1s; transition-timing-function: linear;
z-index: 1;
}
.pgallery-module-box-overlay{
background-color: rgba(0,0,0,0.6);
position: absolute;
z-index: 2;
display: flex;
width: 95%;
height: 0;
align-items: center;
justify-content: center;
opacity: 0;
left: 0;
right: 0;
top:0;
bottom: 0;
margin-bottom: auto;
margin-top: auto;
margin-left: auto;
margin-right: auto;
transition-duration: 0.1s; transition-timing-function: linear;
}
.pgallery-module-box-overlay-in{
font-size: 22px ;
color: #FFF;
padding: 20px;
line-height: 28px;
text-align: center;
font-weight: 500;
flex-direction: column;
display: flex;
}
.pgallery-module-box-overlay-in i{
font-size: 40px ;
margin-bottom: 20px;
}
.pgallery-module-inside-box:hover img{
transform: scale(1.1);
filter: blur(2px);
}
.pgallery-module-inside-box:hover .pgallery-module-box-overlay{
opacity: 1;
width: 95%;
height: 95%;
}
.pgallery-all-button-main{
width: 100%;
padding: 20px 0 ;
text-align: center;
}
/* Foto galeri SON ///////////////////////////////////////////*/
/* Ekip Ekibimiz ///////////////////////////////////////////*/
.team-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.team-module-inside-area{
width:1320px;
margin: 0 auto;
display: flex;
align-items:center;
justify-content: flex-start;
flex-wrap: wrap;
z-index: 9;
position: relative;
}
.team-module-inside-box-main{
width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.team-module-inside-box{
width: 20.2%;
border-radius: 10px;
margin: 10px;
transition-duration: 0.2s; transition-timing-function: linear;
}
.team-module-inside-box-img{
width: 100%;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 20px;
}
.team-module-inside-box-img img{
min-width: 100%;
max-width: 100%;
transition-duration: 0.1s; transition-timing-function: linear;
}
.team-module-inside-box-n{
width: 100%;
font-size: 25px ;
font-weight: 600;
margin-bottom: 10px;
}
.team-module-inside-box-p{
width: 100%;
font-size: 13px ;
text-transform: uppercase;
margin-bottom: 25px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.team-module-inside-box-p-lin{
width: 25px;
height: 2px;
background-color: #D1B678;
margin-right: 5px;
}
.team-module-inside-box-space-area{
margin-top: 20px;
width: 100%;
font-size: 13px ;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.team-module-inside-box-space-area i{
font-size: 15px ;
margin-right: 10px;
}
.team-module-inside-box-social-area{
width: 100%;
margin-top: 40px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.team-module-inside-box-social-area a{
display: block;
padding: 2px 5px;
margin:1px;
font-size: 16px ;
line-height: 16px;
}
.team-module-inside-box .social{
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.team-module-inside-box .social a{
width: 30px;height: 30px;
border: 1px solid #ebebeb;
background-color: #fff;
color: #000;
margin:5px;
border-radius: 100%;
display: flex;
align-items : center;
justify-content: center;
text-decoration: none;
}
.team-module-inside-box-img::before{
position: absolute;
content: "";
left:0;
top:0;
width: 100%;
height: 105%;
background: -webkit-gradient(linear,left top,left bottom,from(rgba(47,57,103,0)),color-stop(54%,rgba(0,0,0,.54)),to(#2f3967));
background: linear-gradient(to bottom,rgba(47,57,103,0) 0%,rgba(0,0,0,.54) 54%,#2f3967 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002f3967",endColorstr="#2f3967",GradientType=0);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s;
transition: all .3s;
}
.team-module-inside-box:hover .team-module-inside-box-img::before{
opacity: 1;
visibility: visible;
}
/* Ekip Ekibimiz SON ///////////////////////////////////////////*/
/* Tanıtım Video Modülü ///////////////////////////////////////////*/
.intro-video-module-inside-area{
width: 1140px;
margin: 0 auto;
position: relative;
z-index: 9;
display: flex;
justify-content: flex-start;
}
.tanvidmodal iframe{
width: 100%;
height: 460px ;
}
.tanitim-vid-yazilar{
width: 60%;
}
/* Tanıtım Video Modülü SON ///////////////////////////////////////////*/
/* Uygulama Fiyatları Modülü ///////////////////////////////////////////*/
.uygulama-fiyatlari-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.uygulama-fiyatlari-module-inside-area{
width: 59%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
z-index: 9;
position: relative;
}
.uygulama-fiyatlari-boxex-main{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.uygulama-fiyatlari-boxex-main-box{
width: 46%;
margin: 1.7%;
box-sizing: border-box;
padding: 30px;
}
.uygulama-fiyatlari-boxex-main-box-head{
width: 100%;
height: 18px;
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
}
.uygulama-fiyatlari-boxex-main-box-head-h{
width: auto;
max-width: 80%;
padding: 0 15px 0 0;
font-size: 18px ;
line-height: 18px;
font-weight: bold;
margin-top: 18px;
}
.uygulama-fiyatlari-boxex-main-box-head-p{
width: auto;
padding: 0 0 0 15px;
margin-left: auto;
text-align: right;
font-size: 18px ;
line-height: 18px;
font-weight: bold;
margin-top: 18px;
}
.uygulama-fiyatlari-boxex-main-box-s{
width: 80%;
font-size: 14px ;
letter-spacing: 0.05em;
}
/* Uygulama Fiyatları Modülü SON ///////////////////////////////////////////*/
/* Pricing Table ///////////////////////////////////////////*/
.pricing-tablolar-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.pricing-tablolar-module-inside-area{
width: 80%;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
z-index: 9;
position: relative;
}
.ptable-box-main-div{
width: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
.ptable-box{
width: 338px;
box-sizing: border-box;
margin: 20px;
margin-top: 50px;
}
.ptable-box-img{
width: 100%;
height:253px ;
text-align: center;
display: flex;
justify-content: flex-start;
flex-direction: column;
position: relative;
z-index: 1;
background-size: cover;
background-position:top center;
}
.ptable-box-price-shape{
width: 140px;
height: 140px;
margin: 0 auto;
position: relative;
margin-top: -45px;
margin-bottom: 20px;
z-index: 9;
display: flex;
flex-direction: column;
justify-content: center;
}
.ptable-box-price{
width: 90%;
margin: 0 auto;
font-weight: bold;
font-size: 20px ;
}
.ptable-box-price-type{
width: 90%;
margin: 0 auto;
font-size: 13px ;
}
.ptable-header{
width: 80%;
margin: 0 auto;
font-size: 24px ;
letter-spacing: 0.06em;
line-height: 27px;
font-weight: 200;
z-index: 9;
}
.ptable-header-spot{
width: 80%;
margin: 0 auto;
font-size: 14px ;
font-weight: bold;
letter-spacing: 0.3em;
z-index: 9;
}
.ptable-header-tavsiye{
width: auto;
margin-top: 10px;
padding: 5px 20px;
font-size: 13px ;
font-weight: bold;
display: inline-block;
line-height: 13px;
}
.ptable-feature-div{
width: 100%;
padding: 14px 10px;
box-sizing: border-box;
font-size: 14px ;
text-align: center;
}
.ptable-button-div{
width: 100%;
padding: 25px 0;
text-align: center;
}
/* Pricing Table SON ///////////////////////////////////////////*/
/* Randevu ///////////////////////////////////////////*/
.randevu-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.randevu-module-inside-area{
width: 1220px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: flex-start;
z-index: 9;
position: relative;
}
.randevu-area{
width: 100%;
display: flex;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
}
.randevu-area-left{
width: 75%;
background-color: #fff;
padding: 35px;
box-sizing: border-box;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,.1);
margin:0;
}
.randevu-area-left-text{
width: 100%;
margin-bottom: 40px;
}
.randevu-area-left-text-h{
width: 100%;
font-size: 13px ;
font-weight: 300;
line-height: 18px;
}
.randevu-area-left-text-h2{
width: 100%;
font-size: 34px ;
font-weight: bold;
margin-bottom: 20px;
line-height: 42px;
}
.randevu-area-left-text-s{
width: 100%;
font-size: 15px ;
line-height: 20px;
font-weight: 300;
}
.randevu-area-right{
width: 500px;
margin-left: 50px;
}
.randevu-area-right-img{
width: 100%;
height: auto;
}
.randevu-area-right-img img{
width: 100%;
height: auto;
}
.randevu-area-right-wh{
width: 90%;
margin: 0 auto;
box-sizing: border-box;
padding: 20px;
position: relative;
margin-top: -80px;
box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.randevu-area-right-wh-head{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.randevu-area-right-wh-head-h{
font-size: 18px ;
font-weight: bold;
}
/* Randevu SON ///////////////////////////////////////////*/
/* Sık Sorulan Sorular ///////////////////////////////////////////*/
.sss-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: flex-end;
}
.sss-left-img{
width: 50%;
}
.sss-module-inside-area{
width: 50%;
display: flex;
flex-direction: column;
justify-content: flex-start;
z-index: 9;
position: relative;
padding-left: 100px;
padding-right: 100px;
box-sizing: border-box;
}
.sss-box-main-div{
width: 100%;
}
.sss-content-img{
max-width:135px;
margin-right: 20px;
margin-bottom: 10px;
}
.sss-content-img img{
width: 100%;
}
.sss-content-txt{
flex:1;
}
/* Sık Sorulan Sorular SON ///////////////////////////////////////////*/
/* Yorumlar ///////////////////////////////////////////*/
.yorumlar-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.yorumlar-module-inside-area{
width: 1160px;
margin: 0 auto;
z-index: 9;
position: relative;
}
.yorumlar-left-area{
width: 375px;
margin-right: 20px;
}
.yorumlar-left-area-t{
width: 100%;
font-size: 15px ;
margin-bottom: 5px;
}
.yorumlar-left-area-h{
width: 100%;
font-size: 40px ;
font-weight: bold;
line-height: 48px;
letter-spacing: 0.08em;
}
.yorumlar-right-area{
flex:1;
}
.yorumlar-box-img{
width: 120px;
height: 120px;
margin: 0 auto;
overflow: hidden;
border-radius: 100px;
box-sizing: border-box;
margin-bottom: 30px;
}
.yorumlar-box-img img{
width: 112px;
height: 120px;
}
.yorumlar-text-area{
width: 80%;
margin: 0 auto;
}
.yorumlar-text-p{
width: 100%;
letter-spacing: 0.3em;
font-size: 13px ;
line-height: 16px;
margin-bottom: 10px;
}
.yorumlar-text-h{
width: 100%;
font-size: 22px ;
line-height: 30px;
font-weight: bold;
margin-bottom: 10px;
}
.yorumlar-text-s{
width: 100%;
font-size: 17px ;
line-height: 24px;
font-weight: 400;
margin-bottom: 30px;
}
.yorumlar-text-star{
width: 100%;
font-size: 24px ;
line-height: 21px;
margin-bottom: 30px;
}
/* Yorumlar SON ///////////////////////////////////////////*/
/* E-Bülten ///////////////////////////////////////////*/
.bultenn-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.bultenn-module-inside-area{
width: 1280px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
z-index: 9;
position: relative;
flex-wrap: wrap;
}
.bultenn-box-area{
width: 780px;
margin: 0 auto;
}
.bultenn-box-area form {
display: flex;
align-items: center;
justify-content: center;
}
.bultenn-box-area form input{
font-size: 15px ;
padding: 13px 20px;
box-sizing: border-box;
width: 400px;
border-radius: 8px 0 0 8px;
}
.bultenn-box-area form input:focus{
outline: none;
}
.bultenn-box-area form button{
font-size: 15px ;
padding: 13px 35px;
box-sizing: border-box;
font-weight: bold;
border-radius: 0 8px 8px 0;
}
.bultenn-box-area form button:focus{
outline: none;
}
/* E-Bülten SON ///////////////////////////////////////////*/
/* Markalar ///////////////////////////////////////////*/
.marka-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.marka-module-inside-area{
width: 1210px;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: flex-start;
z-index: 9;
position: relative;
flex-direction: column;
}
/* Markalar SON ///////////////////////////////////////////*/
/* Footer ///////////////////////////////////////////*/
.footer-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.footer-module-inside-area{
width: 75%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
z-index: 1;
position: relative;
}
.footer-module-box{
width: auto;
margin: 0 1%;
}
.footer-module-box-logo{
width: 100%;
margin-bottom: 20px;
}
.footer-module-box-logo img{
max-width: 80%;
}
.footer-module-box-telif{
margin-bottom: 26px;
font-size: 13px ;
line-height: 16px;
}
.footer-module-box-social{
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.footer-module-header-text{
width: 100%;
font-size: 20px ;
line-height: 22px;
font-weight: bold;
margin-bottom: 30px;
}
.footer-module-contact-box{
width: 90%;
font-size: 13px ;
line-height: 16px;
margin-bottom: 20px;
}
.footer-module-workhour-div{
width: 100%;
font-size: 15px ;
line-height: 35px;
}
.footer-module-links-div{
width: 100%;
}
.footer-module-links-div a{
font-size: 16px ;
line-height: 16px;
}
.footer-copyright-div{
width: 100%;
padding: 12px;
box-sizing: border-box;
font-size: 12px ;
color: #666;
background-color: #141414;
text-align: center;
}
.footer-copyright-div a{
color: #e0a43b;
font-weight: bold;
}
.footer-copyright-div a:hover{
color: #e0a43b;
}
.footer-1-area{
width: 400px;
}
.footer-2-area{
width: 280px;
}
.footer-3-area{
width: 280px;
}
.footer-4-area{
min-width: 200px;
max-width: 250px;
}
/* Footer SON ///////////////////////////////////////////*/
/* Subpage Codes ///////////////////////////////////////////*/
.page-banner-main{
width: 100%;
position: relative;
overflow: hidden;
}
.page-banner-in-text{
width: 95%;
z-index: 2;
color: #FFF;
position: relative;
}
.page-banner-h{
width: 100%;
}
.page-banner-links{
width: 100%;
}
.page-banner-links a{
display: inline-block;
margin: 0 8px;
}
/* Subpage Codes SON ///////////////////////////////////////////*/
/* HTML Pages - Sub Content Style ///////////////////////////////////////////*/
.htmlpage-container-main{
width: 1220px;
margin: 0 auto;
padding: 70px 0;
box-sizing: border-box;
}
.htmlpage-container-main img{
max-width: 100%;
height: auto;
}
/* HTML Pages - Sub Content Style SON ///////////////////////////////////////////*/
/* Fiyat Listesi Sub ///////////////////////////////////////////*/
.fiyatlistesi-container-main{
width: 1220px;
margin: 0 auto;
padding: 70px 0;
box-sizing: border-box;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
/* Fiyat Listesi Sub SON ///////////////////////////////////////////*/
/* Müşteri Yorumları Sub ///////////////////////////////////////////*/
.musteriyorum-container-main{
width: 1220px;
margin: 0 auto;
padding: 70px 0;
box-sizing: border-box;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.musteri-yorum-boxes{
width: 30%;
margin: 1.5%;
border-radius: 10px;
padding: 30px;
box-sizing: border-box;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: flex-start;
box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
transition-duration: 0.1s; transition-timing-function: linear;
}
.musteri-yorum-boxes:hover{
-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); cursor: pointer;
}
/* Müşteri Yorumları Sub SON ///////////////////////////////////////////*/
/* sss faq sub ///////////////////////////////////////////*/
.sss-faq-container-main{
width: 1220px;
margin: 0 auto;
padding: 70px 0;
box-sizing: border-box;
}
/* sss faq sub SON ///////////////////////////////////////////*/
/* Ekibimiz sub ///////////////////////////////////////////*/
.team-container-main{
width: 1220px;
margin: 0 auto;
padding: 70px 0;
box-sizing: border-box;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
/* Ekibimiz sub SON ///////////////////////////////////////////*/
/* Bloglar sub ///////////////////////////////////////////*/
.bloglar-container-main{
width: 1220px;
margin: 0 auto;
padding: 70px 0;
box-sizing: border-box;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.bloglar-detay{
width: 1220px;
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: center;
padding: 70px 0;
}
.bloglar-detay-left{
width: 800px;
margin-right: 90px;
}
.bloglar-detay-left-img{
width: 100%;
overflow: hidden;
height: auto;
max-height: 550px;
z-index: 0;
}
.bloglar-detay-left-img img{
width: 100%;
height: auto;
transition-duration: 0.1s; transition-timing-function: linear;
z-index: 0;
}
.bloglar-detay-left-img img:hover{
-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
}
.bloglar-detay-left-content-div{
width: 100%;
margin: 0 auto;
z-index: 1;
box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
background: #FFF;
margin-top: -50px;
position: relative;
padding: 40px;
}
.bloglar-detay-left-content-div-date{
width: 100%;
font-size: 14px ;
color: #666;
font-weight: 300;
margin-bottom: 10px;
}
.bloglar-detay-left-content-div-h{
width: 100%;
font-size: 30px ;
font-weight: bold;
color: #000;
margin-bottom: 10px;
line-height: 35px;
}
.bloglar-detay-left-content-div-view{
width: 100%;
font-size: 13px ;
color: #666;
font-weight: 400;
}
.bloglar-detay-left-content-div-icerik{
width: 100%;
margin-top: 30px;
font-size: 16px ;
color: #333;
line-height: 22px;
margin-bottom: 30px;
}
.bloglar-detay-left-content-div-icerik img{
max-width: 100%;
height: auto;
}
.bloglar-detay-left-content-div-tags{
width: 100%;
margin-bottom: 30px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.bloglar-detay-left-content-div-tags-box{
width: auto;
padding: 5px;
margin : 5px 5px 5px 0;
font-size: 13px ;
color: #000;
border: 1px solid #EBEBEB;
cursor: pointer;
transition-duration: 0.2s; transition-timing-function: linear;
}
.bloglar-detay-left-content-div-tags-box:hover{
border: 1px solid #000;
}
.bloglar-detay-left-content-div-social{
width: 100%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.bloglar-detay-left-content-div-social a{
color: #000;
display: block;
margin : 5px 15px 5px 0;
}
.bloglar-detay-left-content-div-social a:hover{
color: #000;
text-decoration: none;
}
.modules-comments-main{
width: 100%;
margin: 35px 0 ;
}
.bloglar-detay-right{
flex:1;
}
.bloglar-detay-right-h{
width: 100%;
padding-bottom: 10px;
margin-bottom: 25px;
border-bottom: 1px solid #ebebeb;
font-size: 18px ;
font-weight: bold;
color: #000;
}
.bloglar-detay-right-box{
width: 100%;
border-bottom: 1px solid #EBEBEB;
padding-bottom: 25px;
margin-bottom: 25px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.bloglar-detay-right-box:hover .bloglar-detay-right-box-img img{
-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);
}
.bloglar-detay-right-box-no{
width: 30px;
height: 30px;
background-color: #e17f71;
border-bottom: 1px solid #ebebeb;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px ;
color: #FFF;
font-weight: 200;
}
.bloglar-detay-right-box-img{
width: 90px;
height: 90px;
overflow: hidden;
margin-right: 15px;
}
.bloglar-detay-right-box-img img{
min-width: 100%;
max-width: 150%;
min-height: 100%;
max-height: 120%;
transition-duration: 0.1s; transition-timing-function: linear;
}
.bloglar-detay-right-box-h{
flex:1;
font-size: 14px ;
font-weight: bold;
color: #000;
}
.bloglar-detay-right-box-h a{
color: #000;
}
.bloglar-detay-right-box-h a:hover{
color: #000;
}
/* Bloglar sub SON ///////////////////////////////////////////*/
/* Markalar sub ///////////////////////////////////////////*/
.markalar-container-main{
width: 1180px;
margin: 0 auto;
padding: 70px 0;
box-sizing: border-box;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.markalar-boxes{
width: 23%;
border: 1px solid #ebebeb;
margin: 10px;
position: relative;
overflow: hidden;
text-align: center;
padding: 10px;
}
.markalar-boxes img{
height: 70px;
width: auto;
}
.markalar-boxes-link{
width:40px;
height: 30px;
background: rgba(0,0,0,0.9);
position: absolute;
display: flex;
align-items: center;
justify-content: center;
line-height: 17px;
opacity: 0;
top: 0;
bottom: 0;
margin-left: -100px;
margin-top: auto;
margin-bottom: auto;
transition-duration: 0.1s; transition-timing-function: linear;
}
.markalar-boxes-link i{
font-size: 17px;
}
.markalar-boxes:hover .markalar-boxes-link{
opacity: 1;
margin-left: 20px;
}
/* Markalar sub SON ///////////////////////////////////////////*/
/* Hizmetler sub ///////////////////////////////////////////*/
.hizmetler-container-main{
width: 1220px;
margin: 0 auto;
padding: 70px 0;
box-sizing: border-box;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
.hizmetler-detay{
width: 1220px;
margin: 0 auto;
padding: 70px 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.hizmetler-detay-leftmain{
flex:1;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.hizmetler-detay-img{
width: 180px;
height: auto;
margin-right: 50px;
overflow:hidden;
box-sizing: border-box;
border: 1px dashed #EBEBEB;
padding: 5px;
}
.hizmetler-detay-img img{
width: 100%;
height: auto;
}
.hizmetler-detay-txt{
flex:1;
}
.hizmetler-detay-txt-uh{
width: 100%;
font-size: 14px ;
font-weight: bold;
line-height: 16px;
margin-bottom: 5px;
color: #000;
}
.hizmetler-detay-txt-h{
width: 100%;
font-size: 30px ;
font-weight: bold;
color: #000;
margin-bottom: 25px;
}
.hizmetler-detay-txt-s{
width: 100%;
font-size: 15px ;
line-height: 23px;
margin-bottom: 25px;
color: #333;
}
.hizmetler-detay-right{
width: 370px;
height: auto;
margin-left: 50px;
}
.hizmetler-detay-right-box{
width: 100%;
padding: 8px 8px 8px 20px;
box-sizing: border-box;
border: 1px solid #ebebeb;
border-left:6px solid #14287B;
font-size: 14px ;
font-weight: 400;
margin-bottom: 10px;
transition-duration: 0.1s; transition-timing-function: linear;
}
.hizmetler-detay-right-box:hover{
background-color: #14287B;
color: #fff;
border: 1px solid #14287B;
border-left:6px solid #14287B;
}
.hizmetler-detay-right-box-act{
width: 100%;
padding: 8px 8px 8px 20px;
box-sizing: border-box;
border: 1px solid #14287B;
border-left:6px solid #14287B;
font-size: 14px ;
background: #14287B;
font-weight: 400;
margin-bottom: 10px;
color: #fff!important;
}
/* Hizmetler sub SON ///////////////////////////////////////////*/
/* Pricing sub ///////////////////////////////////////////*/
.tablolar-container-main{
width: 80%;
margin: 0 auto;
padding: 70px 0;
box-sizing: border-box;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
/* Pricing sub SON ///////////////////////////////////////////*/
/* Foto galeri sub ///////////////////////////////////////////*/
.fotogaleri-container-main{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.fotogaleri_detay{
width: 1220px;
margin: 0 auto;
padding: 40px 0;
}
.masonry {
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
font-size: .85em;
column-count: 2;
column-gap: 1em;
}
.ipadfastlink{
display: none;
}
.photo_gallery_mas_img {
display: inline-block;
background: #fff;
margin: 0 0 1.5em;
width: 100%;
-webkit-transition:1s ease all;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.photo_gallery_mas_img img{max-width:100%;}
/* Foto galeri sub SON ///////////////////////////////////////////*/
/* Online Randevu Sub ///////////////////////////////////////////*/
.randevual-container-main{
width: 1220px;
margin: 0 auto;
padding: 200px 0;
box-sizing: border-box;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
/* Online Randevu Sub SON ///////////////////////////////////////////*/
/* İletişim sub ///////////////////////////////////////////*/
.iletisim-container-main{
width: 90%;
padding: 0 0 70px 0;
margin: 0 auto;
}
.iletisim-container-maps{
width: 100%;
height: 300px;
margin-top: 40px;
box-sizing: border-box;
overflow: hidden;
}
.iletisim-container-maps iframe{
width: 100%;
height:300px;
}
.iletisim-container-in{
width: 1220px;
margin: 0 auto;
margin-top: 70px;
display: flex;
align-items: flex-start;
justify-content: center;
}
.iletisim-container-in-left{
width: 350px;
padding-top: 20px;
margin-right: 80px;
}
.iletisim-left-cont-box{
width: 100%;
padding: 15px 25px;
border-radius: 10px;
margin-bottom: 30px;
text-align: center;
box-shadow: 0 20px 60px -10pxrgba(0,0,0,.1);
-webkit-box-shadow: 0 20px 60px -10px rgb(0 0 0 / 10%);
-moz-box-shadow: 0 20px 60px -10px rgba(0,0,0,.1);
}
.iletisim-left-cont-box:last-child{
border-bottom: 0;
}
.iletisim-left-cont-box-i{
width: 100%;
font-size: 32px ;
color: #333;
}
.iletisim-left-cont-box-h{
width: 100%;
font-size: 24px ;
margin-bottom: 20px;
letter-spacing: 0.09em;
color: #333;
}
.iletisim-left-cont-box-s{
width: 100%;
font-size: 14px ;
color: #000;
letter-spacing: 0.06em;
margin-bottom: 5px;
font-weight: 300;
}
.iletisim-container-in-right{
flex:1;
padding: 30px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 20px 60px -10pxrgba(0,0,0,.1);
-webkit-box-shadow: 0 20px 60px -10px rgb(0 0 0 / 10%);
-moz-box-shadow: 0 20px 60px -10px rgba(0,0,0,.1);
}
.iletisim-container-in-right-h{
width: 100%;
font-size: 24px ;
margin-bottom: 10px;
letter-spacing: 0.09em;
color: #000000;
}
.iletisim-container-in-right-s{
width: 100%;
font-size: 15px ;
margin-bottom: 20px;
letter-spacing: 0.09em;
color: #666;
}
.iletisim-container-in-right-form{
width: 100%;
}
/* İletişim sub SON ///////////////////////////////////////////*/
/* Video galeri Sub ///////////////////////////////////////////*/
.videolar-container-main{
width: 1220px;
margin: 0 auto;
padding: 70px 0;
box-sizing: border-box;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.videolar-sub-box{
width: 30%;
margin: 2% 1.5% 2% 1.5%;
text-align: center;
}
.videolar-sub-box-img{
width: 100%;
overflow: hidden;
position: relative;
}
.videolar-sub-box-img img{
width: 100%;
transition-duration: 0.1s; transition-timing-function: linear;
}
.videolar-sub-box-h{
width: 100%;
font-size: 20px ;
font-weight: bold;
padding: 10px 0;
}
.videolar-sub-box-h a{
color: #000;
}
.videolar-sub-box-h a:hover{
color: #000;
}
.videolar-sub-box-img-overlay{
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.3);
opacity: 0;
z-index: 1;
transition-duration: 0.1s; transition-timing-function: linear;
display: flex;
align-items: center;
justify-content: center;
}
.videolar-sub-box-img-overlay a{
color: #FFF;
}
.videolar-sub-box-img-overlay a:hover{
color: #FFF;
}
.videolar-sub-box-img-overlay-i{
width: auto;
height: auto;
background-color: #000;
margin-top: -500px;
opacity: 0;
transition-duration: 0.1s; transition-timing-function: linear;
font-size: 20px;
line-height: 20px;
padding: 20px;
color: #FFF;
}
.videolar-sub-box-img-overlay-i-2{
width: auto;
height: auto;
background-color: #FFF;
margin-top: -500px;
opacity: 0;
transition-duration: 0.2s; transition-timing-function: linear;
font-size: 20px;
line-height: 20px;
padding: 20px;
color: #000;
}
.videolar-sub-box:hover .videolar-sub-box-img img{
-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
filter: blur(2px);
}
.videolar-sub-box:hover .videolar-sub-box-img-overlay{
opacity: 1;
}
.videolar-sub-box:hover .videolar-sub-box-img-overlay-i{
opacity: 1;
margin-top: 0;
}
.videolar-sub-box:hover .videolar-sub-box-img-overlay-i-2{
opacity: 1;
margin-top: 0;
}
.videolar-detay-main{
width: 900px;
padding: 70px 0;
margin: 0 auto;
}
.videolar-detay-main-video{
width: 100%;
margin: 0 auto;
margin-bottom: 25px;
}
.videolar-detay-main-video iframe{
width: 100%;
height: 480px;
}
.videolar-detay-main-h{
width: 100%;
text-align: center;
font-size: 22px;
font-weight: bold;
color: #000;
margin-bottom: 25px;
}
.videolar-detay-main-s{
width: 100%;
text-align: center;
font-size: 16px;
line-height: 22px;
color: #000;
margin-bottom: 25px;
}
/* Video galeri Sub SON ///////////////////////////////////////////*/
/* Modul Başlık ve spot kodları ///////////////////////////////////////////*/
.modules-head-text-main{
width: 550px;
margin: 0 auto;
text-align: center;
margin-bottom: 45px;
}
.modules-head-text-s{
width: 100%;
margin-top: 10px; font-weight: 600;
}
.modules-head-text-h{
width: 100%;
font-weight: 600;
}
.modules-head-text-ss{
width: 100%;
font-size: 16px ;
line-height: 20px;
letter-spacing: 0.09em;
}
.modules-head-divider{
width: 50px;
height: 4px;
margin: 0 auto;
margin-top: 22px;
}
.modules-head-text-main-2{
width: 950px;
text-align: left;
margin-bottom: 35px;
}
.modules-head-text-s-2{
width: 100%;
font-size: 15px ;
line-height: 18px;
margin-bottom: 18px;
}
.modules-head-text-h-2{
width: 100%;
font-size: 40px ;
line-height: 45px;
margin-bottom:25px ;
}
.modules-head-divider-2{
width: 130px;
height: 4px;
}
/* Modul Başlık ve spot kodları SON ///////////////////////////////////////////*/
/* Buttons Pack ///////////////////////////////////////////*/
.button-yellow{
width: auto;
display: inline-block;
background-color: #fba311;
border: 2px solid #fba311;
color: #000;
position: relative;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-yellow:hover{
background-color: #fba311;
text-decoration: none;
color: #000;
border: 2px solid #fba311;
}
.button-yellow-out{
width: auto;
position: relative;
display: inline-block;
border: 2px solid #edbf3c;
color: #edbf3c;
transition-duration: 0.2s; transition-timing-function: linear;
background:none;
}
.button-yellow-out:hover{
background-color: #e7cd33;
border: 2px solid #e7cd33;
color: #000;
text-decoration: none;
}
.button-black{
position: relative;
width: auto;
display: inline-block;
background-color: #000;
border: 1px solid #000;
color: #FFF;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-black:hover{
background-color: #1f1f1f;
text-decoration: none;
color: #FFF;
}
.button-black-out{
width: auto;
display: inline-block;
border: 1px solid #000;
color: #000;
position: relative;
background: none;
letter-spacing: 0.08em;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-black-out:hover{
background-color: #000;
text-decoration: none;
color: #fff;
}
.button-white-out{
width: auto;
display: inline-block;
border: 1px solid #fff;
position: relative;
color: #fff;
letter-spacing: 0.08em;
background: none;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-white-out:hover{
background-color: #fff;
text-decoration: none;
color: #000;
}
.button-white{
width: auto;
display: inline-block;
background-color: #FFF;
border: 1px solid #FFF;
position: relative;
color: #000;
letter-spacing: 0.08em;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-white:hover{
background-color: #EBEBEB;
text-decoration: none;
color: #000;
}
.button-white-black{
width: auto;
display: inline-block;
background-color: #FFF;
border: 1px solid #FFF;
position: relative;
color: #000;
letter-spacing: 0.08em;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-white-black:hover{
background-color: #000;
text-decoration: none;
color: #FFF;
border: 2px solid #000;
}
.button-black-white{
width: auto;
display: inline-block;
background-color: #000;
border: 1px solid #000;
position: relative;
color: #FFF;
letter-spacing: 0.08em;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-black-white:hover{
background-color: #FFF;
text-decoration: none;
color: #000;
border: 1px solid #FFF;
}
.button-gold-out{
display: inline-block;
border: 1px solid #cfb481;
position: relative;
background: none;
color: #cfb481;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-gold-out:hover{
color: #000;
text-decoration: none;
background-color: #cfb481;
}
.button-gold{
display: inline-block;
border: 1px solid #cfb481;
position: relative;
background-color:#cfb481;
color: #000;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-gold:hover{
color: #000;
text-decoration: none;
background-color: #B89D6F;
}
.button-red{
display: inline-block;
border: 1px solid #da1718;
position: relative;
background-color: #da1718;
color: #FFF;
transition-duration: 0.2s; transition-timing-function: linear;
box-shadow: 0px 10px 21px 0px rgb(231 54 34 / 28%);
transform: rotate(0deg);
}
.button-red:hover{
color: #FFF;
text-decoration: none;
background-color: #dd4150;
}
.button-red-out{
width: auto;
display: inline-block;
border: 1px solid #da1718;
position: relative;
color: #da1718;
letter-spacing: 0.08em;
background: none;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-red-out:hover{
background-color: #da1718;
text-decoration: none;
color: #FFF;
}
.button-green{
display: inline-block;
border: 1px solid #46d78d;
position: relative;
background-color: #46d78d;
color: #FFF;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-green:hover{
color: #FFF;
text-decoration: none;
background-color: #3fc181;
}
.button-green-out{
width: auto;
display: inline-block;
border: 1px solid #46d78d;
position: relative;
color: #46d78d;
letter-spacing: 0.08em;
background: none;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-green-out:hover{
background-color: #3fc181;
text-decoration: none;
color: #FFF;
}
.button-blue{
display: inline-block;
border: 1px solid #007cfb;
position: relative;
background-color: #007cfb;
color: #FFF;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-blue:hover{
color: #FFF;
text-decoration: none;
background-color: #007cfb;
}
.button-blue-out{
width: auto;
position: relative;
display: inline-block;
border: 1px solid #558cff;
color: #558cff;
letter-spacing: 0.08em;
background: none;
transition-duration: 0.2s; transition-timing-function: linear;
}
.button-blue-out:hover{
background-color: #558cff;
text-decoration: none;
color: #FFF;
}
.button-1x{
font-size: 13px ;
padding: 4px 10px;
font-weight: normal !important;
}
.button-2x{
font-size: 13px ;
padding: 8px 25px;
}
.button-3x{
font-size: 14px ;
padding: 17px 25px;
font-weight: 600;
}
.button-4x{
font-size: 16px ;
padding: 15px 25px;
font-weight: 600;
}
.button-5x{
font-size: 18px ;
padding: 15px 40px;
font-weight: 600;
}
/* Buttons Pack SON ///////////////////////////////////////////*/
/* To Top ///////////////////////////////////////////*/
#return-to-top {
position: fixed;
right: 20px;
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
z-index: 99999;
}
#return-to-top i {
margin: 0;
position: relative;
left: 16px;
top: 13px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
}
#return-to-top:hover i {
top: 5px;
}
/* To Top SON ///////////////////////////////////////////*/
.lspac{
letter-spacing: 0.5em;
}
.lspacsmall{
letter-spacing: 0.2em;
}
/* Alttan Çizgili Link Yapısı ///////////////////////////////////////////*/
.right-underline{
display: inline-block;
position: relative;
text-decoration: none;
}
.right-underline i{
font-size: 18px ;
}
.right-underline:hover{
text-decoration: none;
}
.right-underline::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
border-radius: 5px;
height: 0.1em;
bottom: 0;
left: 0;
background: currentcolor;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.right-underline:hover::after {
transform: scaleX(1);
transform-origin: bottom left;
}
/* Alttan Çizgili Link Yapısı SON ///////////////////////////////////////////*/
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
box-shadow: none !important;
}
/* Sayfalama Custom ///////////////////////////////////////////*/
.pagination > li > a,
.pagination > li > span {
color: #000;
}
.pagination>li.active>a {
background-color: #000 !important;
border-color: #000 !important;
}
.pagination>li.active>a:hover {
color:#FFF !important
}
.pagination>li>a:hover {
color:#000 !important
}
/* Sayfalama Custom SON ///////////////////////////////////////////*/
/* Sabit Header ///////////////////////////////////////////*/
.fixed-header-container{
width: 90%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.fixed-header-container-logo{
width: auto;
}
.fixed-header-container-logo img{
max-width: 222px;
max-height: 90px;
}
.fixed-header-container-menu{
width: auto;
text-align: right;
}
.fixed-header-container-mobile{
display: none;
}
/* Sabit Header SON ///////////////////////////////////////////*/
/* Menu bar ///////////////////////////////////////////*/
.menu-icon-toggle {
display: block;
width: 30px;
height: 30px;
position: relative;
z-index: 9;
}
.home .menu-icon-toggle {
top: 50px;
position: absolute;
right: 20px;
top: 20px;
}
.menu-icon-toggle span {
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: opacity 0.3s 0.3s;
transition: opacity 0.3s 0.3s;
}
.menu-icon-toggle::before, .menu-icon-toggle::after {
content: '';
display: block;
width: 100%;
height: 2px;
position: absolute;
-webkit-transition: top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
transition: top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s;
transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s, -webkit-transform 0.3s;
}
.menu-icon-toggle::before {
top: 6px;
}
.menu-icon-toggle::after {
bottom: 6px;
}
.open .menu-icon-toggle span {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.open .menu-icon-toggle::before {
top: calc(50% - 1px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.open .menu-icon-toggle::after {
bottom: calc(50% - 1px);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.open .menu-icon-toggle::before, .open .menu-icon-toggle::after {
-webkit-transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
transition: top 0.3s, bottom 0.3s, -webkit-transform 0.3s 0.3s;
transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s;
transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}
.opening-mobile-menu-div {
text-align: center;
display: none;
width: 100%;
}
/* Menu bar SON ///////////////////////////////////////////*/
/* ------ ACCORDION MOBILE MENU STYLE -------------- */
.ladder {
background-color: #FFF;
text-align: left;
}
.ladder ul {
margin: 0;
padding: 0;
overflow: scroll;
}
.ladder ul li {
background: #FFF;
font-size: 14px ;
font-weight: 600;
}
.ladder ul ul li {
height: auto;
padding: 0;
transition: 3s ease-in;
background-color: #FFF;
font-weight: 400;
}
.ladder ul .collapse li {
height: 0;
max-height: 0;
}
.ladder li {
list-style-type: none;
padding: 0;
height: auto;
}
.ladder a {
text-decoration: none;
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom:1px solid #EBEBEB;
padding: 16px 20px;
color: #000;
}
.ladder a i{
margin-left: auto;
}
.ladder a:link, .ladder a:visited {
color: #000;
}
.ladder a:hover {
text-decoration: none;
color: #000;
background-color: #F8F8F8;
}
.ladder_ustu{
width: 100%;
border-bottom: 1px solid #EBEBEB;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px;
}
.ladder_ustu_box{
margin: 10px;
font-size: 15px ;
color: #000;
display: flex;
align-items: center;
}
/* ------ ACCORDION MOBILE MENU STYLE -------------- */
.footer-fixed-contact{
display: none;
}
.just_mobile_area{
display: none;
}
.footer-fixed-contact-left{
color: #000 !important;
}
.footer-fixed-contact-left:hover{
text-decoration: none;
}
.footer-fixed-contact-right{
color: #fff !important;
}
.footer-fixed-contact-right:hover{
text-decoration: none;
}
/* Modüller için Yorumlar Stili ///////////////////////////////////////////*/
.module_comment_add_main{
width: 100%;
box-sizing: border-box;
margin-bottom: 25px;
margin-top: 40px;
}
.module_comment_head{
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
margin-bottom: 20px;
box-sizing: border-box;
padding: 10px 0;
}
.module_comment_head_left{
flex:1;
font-size: 18px;
font-weight: bold;
color: #000;
}
.module_comment_head_right{
width: auto;
margin-left: auto;
font-size: 13px;
font-weight: normal;
color: #000;
}
.module_comment_head_right a{
color: #000;
}
.module_comment_head_right a:hover{
color: #666;
}
.module_comment_form_area{
width: 100%;
font-size: 13px ;
}
.module_comment_box_main{
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #EBEBEB;
padding: 15px 0 15px 0;
}
.module_comment_in_box_div{
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.comments_reply_div{
width: 100%;
box-sizing: border-box;
margin-left: 65px;
padding: 20px 0;
}
.module_comment_box_img{
width: 52px;
height: 52px;
border: 1px solid #EBEBEB;
margin-right: 20px;
}
.module_comment_box_img img{
width: 50px;
height: 50px;
}
.module_comment_box_right{
flex:1;
}
.module_comment_box_head_area{
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px dashed #EBEBEB;
}
.module_comment_box_name{
width:auto ;
font-size: 14px ;
font-weight: bold;
color: #000;
}
.module_comment_box_date{
width:auto ;
margin-left: auto;
font-size: 11px ;
color: #929292;
}
.module_comment_box_content{
width:100%;
font-size: 13px ;
color: #000;
}
.module_all_comments_main_div{
width: 100%;
margin-bottom: 50px;
}
.all_comments_main{
width: 800px;
margin: 0 auto;
margin-top: 30px;
}
.comments_module_info_div{
width: 600px;
border: 1px solid #ebebeb;
padding: 20px;
margin: 0 auto;
margin-top: 25px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.comments_module_info_div_img{
border: 1px solid #EBEBEB;
margin-right: 25px;
}
.comments_module_info_div_img img{
width: 100px;
margin: 5px;
height: auto;
}
.comments_module_info_div_txt{
flex: 1;
}
.comments_module_info_div_txt_t{
font-size: 18px ;
font-weight: bold;
margin-bottom: 10px;
line-height: 22px;
}
.comments_module_info_div_txt_d{
font-size: 14px ;
line-height: 14px;
}
.comments_module_info_div_txt_d a{
color: tomato;
}
.comments_module_info_div_txt_d a:hover{
color: orange;
}
/* Modüller için Yorumlar Stili SON ///////////////////////////////////////////*/
.third-level-menu
{
position: absolute;
top: 0 !important;
list-style: none;
margin: 0;
opacity: 0;
visibility: hidden;
box-shadow: 0 5px 14.25px 0.75px rgba(0, 0, 0, 0.1);
z-index: 9;
transition: 0.1s ease-in-out 0s;
}
.third-level-menu > li
{
height: auto;
}
.second-level-menu > li > .third-level-menu li p{
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.second-level-menu
{
position: absolute;
left: 0;
list-style: none;
margin: 0;
opacity: 0;
visibility: hidden;
z-index: 999;
transition: 0.2s ease-in-out 0s;
margin-top: 5px;
}
.second-level-menu > div > li
{
position: relative;
height: auto;
}
.second-level-menu > div > li p{
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.top-level-menu
{
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.top-level-menu > li
{
position: relative;
width: auto;
height: auto;
transition-duration: 0.1s; transition-timing-function: linear;
}
.top-level-menu li:hover > ul
{
opacity: 1;
visibility: visible;
margin-top: 0;
margin-left: 0;
}
.top-level-menu > li span /* Apply to all links inside the multi-level menu */
{
text-decoration: none;
}
.top-level-menu > li a{
text-decoration: none;
}
.top-level-menu > li:hover a{
text-decoration: none;
}
.top-level-menu > li span{
display: block;
transition-duration: 0.1s;
transition-timing-function: linear;
}
.font-spacing{letter-spacing: 0.04em}
.font-12{font-size:12px;}
.font-13{font-size:13px;}
.font-14{font-size:14px;}
.font-15{font-size:15px;}
.font-16{font-size:16px;}
.font-17{font-size:17px;}
.font-18{font-size:18px;}
.font-19{font-size:19px;}
.font-20{font-size:20px;}
.font-24{font-size:24px;}
.font-26{font-size:26px;}
.font-27{font-size:27px;}
.font-28{font-size:28px;}
.font-29{font-size:29px;}
.font-30{font-size:30px;}
.font-size-big{font-size:36px;}
.font-size-exbig{font-size:50px;}
.font-exlight{font-weight: 300; }
.font-light{font-weight: 400; }
.font-small{font-weight: 500; }
.font-medium{font-weight: 600}
.font-bold{font-weight: 700}
.font-exbold{font-weight: 800}
.font-raleway{ font-family: 'Raleway', sans-serif}
.font-open-sans{font-family: 'Open Sans', sans-serif}
.font-color-FFF{color:#FFF}
.font-color-000{color:#000;}
.p-p{padding: 0px; margin: 0px; overflow: hidden;}
.enews-module-spot{
width: 100%;
font-size: 24px ;
font-weight: 600;
margin-bottom: 30px;
line-height: 30px !important;
margin-top: 20px;
}
.box-width-area{
width: 80% !important;
margin: 0 auto !important;
}
.upsarrow:before {
content: '';
height: 11px;
width: 11px;
position: absolute;
transform: rotate(
45deg
);
}
.dropdown-menu-lg-right{
padding: 5px !important;
}
.box-modules-width {
width: 100% !important;
margin: 0 auto !important;
}
.box-modules-width-2 {
width: 100% !important;
margin: 0 auto !important;
}
.html-content-area-inside{
width: 1140px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
position: relative;
z-index: 2;
border-radius: 15px;
box-shadow: 0 0 32px rgb(10 10 10 / 8%);
}
.html-content-area-inside-left{
flex:1;
display: flex;
align-items: center;
justify-content: center;
}
.html-content-area-inside-right{
width: 550px;
min-width: 550px;
}
.html-content-area-inside-right-img{
width: 100%;
position: relative;
text-align: left;
}
.html-content-area-inside-right-img img{
width:100%;
border-radius: 0 12px 14px 0;
}
.html-content-area-inside-left-in{
width: 75%;
}
.tanitim-video-btn-area{
width: 100%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
margin-top: 30px;
}
.video-play-button {
z-index: 10;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
box-sizing: content-box;
display: block;
width: 32px;
height: 44px;
border-radius: 50%;
margin-left:35px;
margin-top: 45px;
}
.video-play-button:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
border-radius: 50%;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
content: "";
position: absolute;
z-index: 1;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width: 80px;
height: 80px;
border-radius: 50%;
transition: all 200ms;
}
.video-play-button img {
position: relative;
z-index: 3;
max-width: 100%;
width: auto;
height: auto;
}
.video-play-button span {
display: block;
position: relative;
z-index: 3;
width: 0;
height: 0;
border-left: 32px solid #FFFFFF;
border-top: 22px solid transparent;
border-bottom: 22px solid transparent;
margin-left: 5px;
}
@-webkit-keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
@keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.fg-det-in{
width: 80%;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
@media screen and (max-width:1660px) and (min-width:1024px) {
.modules-head-text-h {
font-size: 30px;
line-height: 35px;
margin-bottom: 15px;
}
.modules-head-text-s {
width: 100%;
font-size: 13px;
line-height: 16px;
margin-bottom: 10px;
}
}
.photo-d-boxes{
display: block;
width: 22%;
border: 1px solid #EBEBEB;
background-color: #fff;
border-radius: 5px;
margin:10px;
padding: 20px;
box-sizing: border-box;
color: #000;
}
.photo-d-boxes:hover{
color: #666;
text-decoration: none;
}
.photo-d-img{
width: 100%;
}
.photo-d-img img{
width: 100%;
}
.photo-d-txt{
margin-top: 20px;
font-size: 20px ;
font-weight: 600;
text-align: center;
}
.swiper-container .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .35 !important;
cursor: auto;
pointer-events: none;
}
.html-content-baslikarea{
margin-bottom: 25px;
}
.html-content-ustbaslik{
font-size: 20px ;
margin-bottom: 10px;
}
.html-content-baslik{
font-size: 36px ;
font-weight: 500;
}
.flex-list-container{
width: 1180px;
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
z-index: 2;
position: relative;
}
.infoboxes{
width: 30.5%;
margin:15px;
box-sizing: border-box;
transition-duration: 0.1s; transition-timing-function: linear;
cursor: pointer;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
overflow: hidden;
}
.infoboxes-img{
width: 100%;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
}
.infoboxes-img img{
width: auto;
max-width: 100%;
}
.infoboxes-txt{
width: 100%;
font-size: 20px ;
margin-bottom: 12px;
margin-top: 7px;
font-weight: 500;
}
.infoboxes-spot{
width: 100%;
font-size: 13px ;
}
.header-top-boxes{
min-width: 490px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.header-top-boxes-box{
width: 45%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.header-top-boxes-box-i{
font-size: 18px ;
margin-right: 18px;
}
.header-top-boxes-box-txt{
flex:1;
font-size: 13px ;
}
.header-top-boxes-end{
min-width: 490px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.top-social-a{
display: inline-block;
text-decoration: none;
font-size: 18px ;
height: auto;
padding: 12px 8px ;
}
.topheader-social{
width: auto;
display: flex;
justify-content: flex-start;
height: 100%;
}
.top-wp-a{
padding: 3px 10px;
background-color: #5b9061;
color: #fff;
font-size: 19px ;
display: block;
margin:0 5px;
}
.top-wp-a:hover{
color: #fff;
}
.top-phone-a{
padding: 4px 10px;
background-color: #382e43;
color: #fff;
font-size: 19px ;
display: block;
margin:0 5px;
}
.top-phone-a:hover{
color: #fff;
}
.proje-detail-ust{width: 100%; height: auto; overflow: hidden; margin:0 auto; margin-bottom: 50px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.proje-detail-ust-img{width: 640px; height: auto; max-height: 550px; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 70px; }
.proje-detail-ust-img img{width: 100%; height: auto;}
.proje-detail-ust-info{flex:1;}
.proje-detail-ust-info-name{width: 100%; height: auto; overflow: hidden; margin-bottom: 25px; font-size:24px; font-weight:bold; color:#000;}
.proje-detail-ust-info-name span{font-size:14px; color:#666;}
.proje-detail-ust-info-spot{width: 100%; height: auto; overflow: hidden; margin-bottom: 30px; font-size:14px; line-height: 24px;color:#000;}
.proje-detail-ust-info-it{width: 100%; height: auto; overflow: hidden; margin-bottom: 23px; font-size:14px;color:#000;}
.proje-detail-ust-info-it i{font-size:20px; margin-right: 15px; float:left;}
.proje-detail-alt{width: 1220px; height: auto; overflow: hidden; margin: 0 auto; }
.proje-detail-social-share{width: 100%; height: auto; overflow: hidden; text-align: center; margin-top: 60px;}
.proje-detail-social-share a{color:#000; font-size:20px; margin-right: 15px; }
.proje-detail-social-share a:hover{color:#666;}
.proje-detail-social-share a:last-child{margin-right: 0;}
.projects_tabs_ul { width: 100%; height: auto; margin: 0 auto; text-align: center; overflow: hidden; padding: 35px 0 35px 0;background: #da1718; margin-bottom: 50px; }
.projects_tabs_ul li { display: inline-block; height: auto; margin-right: 20px; margin-bottom: 5px; }
.projects_tabs_ul li:last-child{margin-right: 0;}
.projects_tabs_ul li a {
outline: none; font-size: 15px; font-weight: 500;
padding: 0 15px 10px 15px;
text-decoration: none;
border:2px solid #da1718;
color: #fff;
}
.projects_tabs_ul li a i{font-size:18px; margin-right: 8px}
.projects_tabs_ul li .active { position: relative; }
.projects_tabs_ul li a.active { font-weight: bold; border-bottom:2px solid #fff; }
.projects_tabs_content{width: 90%; margin: 0 auto; display: none; font-size:18px; color:#333; line-height: 20px;}
.projects_tabs_content iframe{width: 100%; height: 400px;}
.projects_tabs_ul li .active:before{
content:'';
width: 0px;
height: 0px; bottom:-14px; left:46%;
border: 7px solid transparent;
border-top-color: #fff;
display: inline-block;position: absolute;
}
.photogallery-box{ position: relative; width: 255px; height: auto; overflow: hidden; display: inline-block; vertical-align: top; margin:10px 20px 10px 20px ; padding-bottom: 45px; }
.photogallery-box-img{width: 255px; height: 193px; overflow: hidden;}
.photogallery-box-img img{max-width: 300px; min-width: 230px; min-height: 193px;}
.photogallery-box-txt{width: 90%; margin: 0 auto; margin-top: 25px; }
.photogallery-box-txt a{color:#000}
.photogallery-ovrly{opacity: 0; position: absolute; background: rgba(0,0,0,0.5); color:#FFF; width: 100%; height: 193px; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: .2s ease-in-out 0s;}
.photogallery-box:hover .photogallery-ovrly {opacity: 1; }
.photogallery-box:hover .photogallery-box-txt a { text-decoration: none; color:#666}
.photogallery-ovrly i{opacity: 0; transition: .4s ease-in-out 0s; margin-top:100px;}
.photogallery-box:hover .photogallery-ovrly i{font-size:35px; opacity: 1; margin-top: 0;}
.skill-home-main-div{
position: relative;
width: 100%;
}
.skill-home-main-div-inside{
width: 1220px;
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
position: relative;
z-index: 99;
}
.skill-home-main-div-inside-left{
width: 400px;
margin-right: 40px;
}
.module-skill-head-size{
font-size: 25px !important;
font-weight: 600;
margin-bottom: 20px;
}
.module-skill-spot-size{
font-size: 20px !important;
line-height: 25px;
}
.skill-home-main-div-inside-right{
flex:1;
}
.skill-box-ust{
font-size: 18px ;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
}
.progress-bar {
background: #ddd none repeat scroll 0 0 !important;
box-shadow: 0 0 0;
height: 15px;
margin: 0 0 25px;
position: relative;
width: 100%;
border-radius: 8px;
}
.progress-bar-text {
color: #333333;
font-size: 15px;
margin-bottom: 9px;
}
.progress-bar > span {
display: block;
height: 100%;
width: 0;
border-radius: 8px;
}
.progress-bar > span{
background: #F8C01B none repeat scroll 0 0;
}
.fast_links_container{
margin-left: 35px;
font-size: 16px ;
font-weight: 800;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: flex-start;
}
.fast_links_container i{
margin-left: 8px;
}
.fast_links_container:hover{
text-decoration: none;
}
.hizli-erisim-dropdown{
width: 240px !important;
margin-top: 15px !important;
border: 1px solid transparent !important;
box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 10%);
background-color: #fff !important;
padding: 20px !important;
box-sizing: border-box !important;
border-radius: 0 !important;
}
.hizli-erisim-dropdown a{
width: 100%;
display: block;
font-size: 15px ;
border-bottom: 1px solid #EBEBEB;
color: #000;
padding: 8px ;
}
.hizli-erisim-dropdown a:hover{
text-decoration: none;
background-color: #f8f8f8;
color: #000;
}
.hizli-erisim-dropdown:before {
content: '';
height: 11px;
width: 11px;
position: absolute;
background-color: #fff;
top: -5px;
right: 15px;
border-top: #f1f1f1 solid 1px;
border-left: #f1f1f1 solid 1px;
transform: rotate(
45deg
);
}
.bolumler-anasayfa-ic{
width: 1220px;
display: flex;
justify-content: flex-start;
margin: 0 auto;
flex-wrap: wrap;
}
.tibbibox {
width: 23%;
margin: 10px;
box-sizing: border-box;
padding: 20px;
text-align: center;
display: flex;
flex-direction: column;
transition-duration: 0.1s; transition-timing-function: linear;
border-radius: 0;
}
.tibbibox:hover{
text-decoration: none;
color: #000;
box-shadow: 0px 20px 40px rgb(3 15 39 / 10%);
}
.modules-header-main-bolum {
width: 100%;
height: auto;
overflow: hidden;
}
.bolumler-box-img{
margin-bottom: 13px;
}
.bolumler-box-img img{
max-width: 90%;
}
.bolumler-box-h{
font-size: 18px ;
}
.doktorlar-anasayfa-ic{
width: 1220px;
display: flex;
justify-content: flex-start;
margin: 0 auto;
flex-wrap: wrap;
z-index: 9;
position: relative;
}
.doktorlar-anasayfa-main{
width: 100%;
position: relative;
}
.doktorbox{
width: 22.4%;
margin:15px;
transition-duration: 0.1s; transition-timing-function: linear;
}
.doktorbox2{
width: 29%;
margin:15px;
transition-duration: 0.1s; transition-timing-function: linear;
}
.doctor-box-img{
width: 100%;
overflow: hidden;
position: relative;
}
.doctor-box-img img{
width: 100%;
transition-duration: 0.1s; transition-timing-function: linear;
}
.doctor-txt{
width: 100%;
box-sizing: border-box;
padding: 20px;
}
.doktorbox2:hover,
.doktorbox:hover{
text-decoration: none;
box-shadow: 0px 20px 40px rgb(3 15 39 / 8%);
}
.doctor-h{
font-size: 18px ;
font-weight: 800;
margin-bottom: 15px;
}
.doctor-j{
font-size: 16px ;
margin-bottom: 10px;
}
.doktorbox:hover .doctor-box-img img{
-webkit-transform: scale(1.09);-moz-transform: scale(1.09);-ms-transform: scale(1.09);-o-transform: scale(1.09);transform: scale(1.09);
}
.doctor-box-overlay{
width: 100%;
height: 100%;
background-color: RGBA(0,118,255,0.18);
position: absolute;
opacity: 0;
transition-duration: 0.1s; transition-timing-function: linear;
}
.doktorbox:hover .doctor-box-overlay{
opacity: 1;
z-index: 99;
}
.doctor-search-container{
width: 96%;
margin: 0 auto;
display: flex;
justify-content: flex-end;
margin-bottom: 30px;
}
.doctor-search-flex1{
flex:1;
max-width: 420px;
margin-right: 20px;
}
.doctor-search-in{
width: 600px;
}
.doctor-search-flex1 select{
border: 1px solid #ebebeb;
height: 52px;
}
.doctor-search-flex1 form,
.doctor-search-in form{
display: flex;
justify-content: flex-start;
}
.doctor-search-flex1 input,
.doctor-search-in input{
border: 1px solid #EBEBEB;
flex:1;
padding:25px 20px;
border-radius: 5px 0 0 5px;
}
.doctor-search-flex1 button,
.doctor-search-in button{
background-color: #62C1C3;
color: #fff;
border: 0;
padding: 0 30px;
border-radius: 0 5px 5px 0;
}
.doctor-detail-left{
width: 360px;
margin-right: 50px;
position: relative;
}
.doctor-detail-left-box{
display: block;
width: 100%;
padding: 25px;
box-sizing: border-box;
background-color: #fff;
margin-right: 50px;
text-align: center;
}
.doctor-detail-right{
box-sizing: border-box;
flex:1;
}
.doc-det-img{
width: 100%;
margin-bottom: 20px;
}
.doc-det-img img{
max-width: 100%;
}
.doc-det-txt{
font-size: 22px ;
font-weight: 800;
color: #000;
margin-bottom: 10px;
}
.doc-det-txt2{
font-size: 17px ;
font-weight: 800;
color: #000;
display: block;
margin-bottom: 25px;
}
.doc-det-txt2:hover{
color: #999;
text-decoration: none;
}
.doc-det-hospital{
font-size: 16px ;
color: #fff;
display: block;
background-color: #f0aab7;
padding: 14px 20px;
width: 100%;
transition-duration: 0.1s; transition-timing-function: linear;
}
.doc-det-hospital:hover{
color: #fff;
text-decoration: none;
box-shadow: 0px 0px 60px 0px rgba(255, 0, 0, 0.10);
}
.doc-det-ran-al{
font-size: 18px ;
font-weight: 800;
}
.doc-det-head{
width: 100%;
background-color: #fff;
padding: 20px 60px;
font-size: 20px ;
font-weight: 800;
color: #092c74;
border-top: 3px solid #092c74;
}
.doc-det-head-cont{
width: 100%;
display: flex;
}
.doc-det-content{
width: 100%;
background-color: #fff;
padding: 40px 60px;
}
.all-doctors-href{
width: 100%;
background-color: #62C1C3;
font-size: 16px ;
color: #fff;
padding: 10px 20px;
display: block;
margin-bottom: 30px;
transition-duration: 0.2s; transition-timing-function: linear;
}
.all-doctors-href:hover{
text-decoration: none;
color: #fff;
background-color: #55aaab;
}
.doc-det-main-container{
width: 1220px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
margin: 0 auto;
flex-wrap: wrap;
padding: 50px 0;
}
select:focus{
box-shadow: none !important;
}
.sticky-leftbar{
position: fixed;
top:85px;
display: block;
width: 360px;
}
.doc-det-content img{
max-width: 100% !important;
height: auto !important;
}
.html-abso-txt{
position: absolute;
background-color: #cfb481;
top:80px;
right: 50px;
padding-top: 15px !important;
padding-right: 20px !important;
padding-bottom: 15px !important;
padding-left: 20px !important;
border: none;
border-radius: 6px;
box-shadow: 0 12px 32px rgb(12 12 12 / 19%);
display: flex;
align-items: center;
justify-content: flex-start;
}
.html-abso-txt i{
font-size: 40px ;
color: #fff;
margin-right: 15px;
}
.html-abso-txt .numare{
font-size: 40px ;
font-weight: 800;
color: #fff;
margin-bottom: 0;
line-height: 45px;
}
.html-abso-txt .alt{
font-size: 13px ;
font-weight: 600;
color: #fff;
}
.swiper-comments {
width: 100%;
height:100% !important;
padding-bottom: 11px !important;
}
.swiper-comments .swiper-slide {
width: 100%;
display:block;
box-sizing:border-box;
border-radius: 5px;
text-align:center;
padding: 25px !important;
}
.comment-slide-box{
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
position: relative;
width: 100%;
box-sizing: border-box;
padding: 40px;
text-align: left;
}
.comment-slide-box-ust{
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
.comment-slide-box-ust-img{
width: 75px;
height: 75px;
margin-right: 30px;
}
.comment-slide-box-ust-img img{
width: 100%;
height: 100%;
border-radius: 100px;
}
.comment-slide-box-ust-name{
flex:1;
}
.comment-slide-box-ust-name-h{
font-size: 20px ;
font-weight: 400;
}
.comment-slide-box-ust-name-s{
font-size: 13px ;
margin-top: 8px;
font-weight: 600;
}
.comment-slide-box-alt{
width: 100%;
font-size: 18px ;
font-weight: 500;
margin-top: 30px;
}
.comment-slide-box:before{
content: '';
position: absolute;
bottom:-24px;
left: 55px;
width: 0;
height: 0;
border-style: solid;
border-width: 25px 25px 0 0;
}
/* <========SON=========>>> Comments SON */
.custombxo .kabultxt{
font-size: 12px !important;
margin-top: -2px;
}
.custombxo {
display: block;
margin-bottom: 15px;
margin-top: 15px;
}
.custombxo input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.custombxo label {
position: relative;
cursor: pointer;
}
.custombxo label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #ebebeb;
padding: 9px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 10px;
}
.custombxo input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 8px;
width: 5px;
height: 12px;
border: solid #000;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.disabled-cursor {
cursor: not-allowed;
}
.spinner {
position: relative;
width: 35px;
height: 35px;
border-radius: 50%;
margin: 0 auto;
}
.spinner::before,
.spinner:after{
content: "";
position: absolute;
border-radius: inherit;
}
.spinner:before {
width: 100%;
height: 100%;
background-image:linear-gradient(
0deg, #ff00cc 0%,
#333399 100% );
animation: spin .5s infinite linear;
}
.spinner:after {
width: 85%;
height: 85%;
background-color: #151515;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.about-module-leftside-txt-button-area{
margin-top: 30px;
}
.about-module-leftside-txt-button-area a{
border-radius: 4px;
}
.infoboxes #arkaplan_gecis{
width: 100%;
}
.infoboxes #renk{
width: 100%;
padding: 45px;
}
.infoboxes #renk .icon{
border-radius: 100px;
width: 95px;
height: 95px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 40px;
border: 1px solid #ebebeb;
transition-duration: 0.5s; transition-timing-function: linear;
}
.infoboxes #renk .icon i{
font-size: 35px ;
}
.infoboxes #renk .hed{
font-size: 20px ;
margin-bottom: 20px;
font-weight: 700;
}
.infoboxes #renk .spt{
font-size: 14px ;
margin-bottom: 30px;
}
.infoboxes:hover #arkaplan_gecis:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
top:0;
left:0;
background: linear-gradient(146deg, rgba(63, 66, 88, 0.85) 30%, rgba(28,25,89,25) 100%);
transition: background .3s,border-radius .3s,opacity .3s;
z-index: -1;
}
.infoboxes:hover #renk .hed,
.infoboxes:hover #renk .spt{
color: #fff;
}
.infoboxes:hover #renk .icon{
background-color: #fff;
}
.infoboxes #arkaplan_gecis{
background-repeat: no-repeat;
background-size: cover ;
background-position: center;
}
.infoboxes:hover #renk{
background-color: transparent;
}
.intro-video-module-main-div{
width: 100%;
position: relative;
overflow: hidden;
}
.large-width-hub{
width: 1366px;
border-radius: 6px;
overflow: hidden;
margin: 0 auto;
}
.contact_side_toggle {
display: none;
}
.contact_side_toggle:checked + .side_wrap {
right: 0;
}
.contact_side_toggle:checked ~ .contact_side_overlay {
display: block;
}
.side_wrap_in {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 55px;
box-sizing: border-box;
position: relative;
}
.side_wrap_in:before{
content: '';
z-index:-1;
position:absolute;
left:0;
top:0;
opacity: 0.03;
width: 100%;
height: 100%;
}
.side_wrap_in_close {
width: 100%;
position: absolute;
top: 0;
}
.side_wrap_in_close label {
background-color: #fff;
color: #000;
padding: 10px 15px;
cursor: pointer;
display: inline-block;
}
.side_wrap_in_content {
width: 100%;
}
.side_wrap_in_content_hed {
width: 100%;
font-size: 30px;
line-height: 30px;
font-weight: 600;
color: #fff;
}
.side_wrap_in_content_s {
width: 100%;
margin-top: 15px;
font-size: 18px;
font-weight: 300;
color: #999;
margin-bottom: 50px;
}
.side_wrap_in_content_box {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 20px;
}
.side_wrap_in_content_box_i {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
color: #000;
background-color: #cfb481;
border: 1px solid #cfb481;
margin-right: 20px;
border-radius: 100px;
transition-duration: 0.2s;
transition-timing-function: linear;
}
.side_wrap_in_content_box_t {
flex: 1;
font-size: 14px;
color: #fff;
font-weight: 300;
}
.side_wrap_in_content_box_t a {
color: #fff !important;
}
.side_wrap_in_content_box:hover .side_wrap_in_content_box_i {
background-color: transparent;
color: #fff;
}
.side_wrap {
background-image: url(/wp-content/uploads/2026/10/sideimg.jpg);
overflow: auto;
transition: all .6s cubic-bezier(.77,0,.175,1);
position: fixed;
width: 450px;
top: 0;
right: -480px;
bottom: 0;
z-index: 999;
background-size: cover;
}
.contact_side_overlay {
background: rgba(255, 255, 255, 0.5);
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 900;
height: 100%;
}
.side_wrap:hover .sag-bar-close {
opacity: 1;
}
.side_wrap_social{
margin-top: 50px;
}
.side_wrap_social a{
font-size: 28px ;
color: #cfb481;
margin-right: 10px;
text-decoration: none !important;
}
/* --- HEADER STYLE CSS --- */
/* 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 ///////////////////////////////////////////*/
.absolute-header{
padding: 10px;
}
.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; /* Arkaplan rengi yok demektir. header alanının rengi ne ise arkaplanı o renk olacaktır */
border:1px solid transparent;
border-radius:4px;
margin:0 5px;
}
.top-level-menu > li:hover{
border:1px solid #cfb481 !important;
}
.top-level-menu > li:first-child span{
color:#cfb481;
}
.top-level-menu > li:first-child {
border:1px solid #cfb481;
}
.top-level-menu > li span i{
font-size:13px
}
.top-level-menu > li span{
color:#fff; /* Menunun yazı rengidir */
padding: 4px 14px; /* İçten bosluk değerleridir. Menu Kutusu hacimli görünür. 25px yukarı ve aşağıyı, 15px ise sağ ve sol taraftan iç boşluk değerleridir */
font-size: 14px ; /* Menu Yazılarının font büyüklüğüdür */
font-weight: 400; /* menu yazısının font kalınlıgıdır */
text-align:center;
}
/* 4- Ana Menü Kutu, Yazı Boyutu ve Renk Ayarları Hover İçin ///////////////////////////////////////////*/
.top-level-menu > li:hover span{
color:#cfb481; /* Mouse ile menu üzerinde iken yazının rengidir */
}
/* 5- Açılır Menü Alanı Ayarları ///////////////////////////////////////////*/
.second-level-menu
{
width: 230px; /* Açılan menu alanının genişliğidir */
background-color: transparent; /* Açılan menu alanının arkaplan rengidir */
padding:0 0; /* Açılan menunun içten bosluk değeridir */
border-top:0px solid #ebebeb;
}
.second-level-menu > div
{
width: 100%; /* Açılan menu alanının genişliğidir */
background-color: rgb(21 25 52 / 96%); /* Açılan menu alanının arkaplan rengidir */
padding:0 ; /* Açılan menunun içten bosluk değeridir */
font-weight:500;
border-radius:10px;
margin-top:20px;
}
/* 6- Açılan Menüdeki her bir menu itemlerinin ayarları ///////////////////////////////////////////*/
.second-level-menu > div > li
{
padding: 18px 20px; /* Itemlerin yukarı aşağı ve sağ sol içten bosluk değerleri */
border-bottom:1px solid rgba(255,255,255,.1);
}
.second-level-menu > div > li:last-child{
border-bottom:0;
}
/* 8- Açılan Menüdeki Itemlerin font ayarları ///////////////////////////////////////////*/
.second-level-menu > div > li p{
color: #fff; /* Açılan menudeki itemlerin font renk ayarı */
font-size:13px; /* açılan menudeki itemlerin font büyüklüğü */
font-weight:500;
transition-duration: 0.1s; transition-timing-function: linear;
}
/* 9- Açılan Menüdeki Itemlerin hover font ayarı ///////////////////////////////////////////*/
.second-level-menu > div > li:hover p{
color:#C89600; /* Açılan menudeki itemlerin üstüne geldiğinizdeki yazının rengi */
margin-left:10px;
}
/* 10- Üçüncü açılan menü alanı için genel ayarlar ///////////////////////////////////////////*/
.third-level-menu
{
left: 205px; /* Bir üst menü için belirlediğiniz genişlik ne ise ona göre ayarlayın.(.second-level-menu) Eğer bir üst menu kodlamasında padding değeri var ise ona göre hesaplayın */
width: 250px; /* Üçüncü açılır menunuzun genişlik değeri */
margin-left: 250px; /* Üstteki değerin aynısı olmalıdır. Animasyon olarak ekrana gelmesi için. */
background-color: #fff; /* Ücüncü menu alanının arkaplan rengidir */
padding: 8px; /* Ücüncü menu alanının içten bosluk değeridir */
}
/* 11- Üçüncü açılan menü alanındaki ITEM ayarları ///////////////////////////////////////////*/
.third-level-menu > li
{
padding: 8px 15px; /* Üçüncü menu alanındaki itemlerin padding değeridir */
}
/* 12- Üçüncü açılan menü alanındaki ITEMLERİN Hover arkaplan renk ayarı ///////////////////////////////////////////*/
.third-level-menu > li:hover {
background: #F3D95D; /* Üçüncü menu alanındaki itemin mouse ile üstüne geldiğinizdeki arkaplan rengi */
}
/* 13- Üçüncü açılan menü alanındaki ITEMLERİN yazı ayarı ///////////////////////////////////////////*/
.second-level-menu > div > li > .third-level-menu li p{
color: #000; /* Üçüncü menu alanındaki itemin yazı rengi */
font-size:12px; /* Üçüncü menu alanındaki itemin yazı büyüklüğü */
}
/* 14- Üçüncü açılan menü alanındaki ITEMLERİN yazı hover ayarı ///////////////////////////////////////////*/
.second-level-menu > div > li > .third-level-menu li:hover p{
color:#000; /* Üçüncü menu alanındaki itemin mouse ile üstüne geldiğinizdeki yazı rengi */
}
.lang-select-custom-div{
font-size: 13px ;
border: 1px solid #fff;
border-radius: 4px;
color: #fff !important;
padding:5px 15px;
}
.lang-select-custom-div:hover{
background-color: transparent;
border: 1px solid #cfb481;
color: #cfb481 !important;
}
.header-mobile-view-logo label svg{
fill: #fff; margin-right:15px;
}
.head-right-bar-menu-desktop svg{
fill: #fff;
}
.head-right-bar-menu-desktop svg:hover{
fill:#cfb481
}
.beni-ara{
width: 100%;
height: auto;
padding:30px 0 100px 0;
}
.beni-ara .beni-ara-abs{
width: 100%;
z-index: 1;
}
.beni-ara .beni-ara-abs .slider_text_inside_main{
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.beni-ara .beni-ara-abs .slider_text_inside_main .inside{
background-color: #fff;
width: 440px;
padding: 60px;
box-sizing: border-box;
border-radius: 10px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
margin-top:-100px;
padding-bottom:100px;
}
.beni-ara-abs .slider_text_inside_main form,
.slider-callme .inside form{
width: 100%;
}
.beni-ara-abs .slider_text_inside_main .h,
.slider-callme .inside .h{
font-size: 24px ;
margin-bottom: 20px;
line-height: 28px;
font-weight: 700;
color: #001837;
}
.beni-ara-abs .slider_text_inside_main .h i{
font-size: 44px ;
margin-right:10px;
}
.beni-ara-abs .slider_text_inside_main .s,
.slider-callme .inside .s{
font-size: 14px ;
line-height: 20px;
margin-bottom:15px;
color: #999;
}
.beni-ara-abs .slider_text_inside_main form input,
.slider-callme .inside form input{
border:1px solid #eeeeee !important;
border-radius: 5px !important;
background-color: #f7f7f7;
font-size: 14px ;
color: #001837;
height: 45px;
}
.beni-ara-abs .slider_text_inside_main form button,
.slider-callme .inside form button{
font-size: 14px ;
font-weight: 600;
}
.beni-ara-abs .slider_text_inside_main form .form-control::placeholder {
color: #001837;
opacity: 1;
}
.kabultxt{
color: #001837;
}
.kabultxt a{
color: #001837;
text-decoration: underline;
}
.beni-ara-abs .custombxo input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 3px;
left: 8px;
width: 5px;
height: 12px;
border: solid #001837;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.beni-ara .beni-ara-abs .slider_text_inside_main .textside{
flex:1;
}
.beni-ara .beni-ara-abs .slider_text_inside_main .textside .in{
width: 80%;
padding: 55px 0;
}
.slider_svg_div {
width: 100%;
position: absolute;
left: 0;
right: 0;
z-index: 1;
transition: all ease 1.5s;
-webkit-transition: all ease 1.5s;
-moz-transition: all ease 1.5s;
}
.slider_svg {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 100px;
}
@media screen and (max-width:820px) and (min-width:0) {
.beni-ara .beni-ara-abs .slider_text_inside_main{
flex-wrap:wrap;
}
.beni-ara .beni-ara-abs .slider_text_inside_main .textside{
flex:none;
width:100%;
}
.beni-ara .beni-ara-abs .slider_text_inside_main .textside .in{
margin:0 auto;
}
.beni-ara .beni-ara-abs .slider_text_inside_main .inside{
padding:30px;
margin-top: 0;
}
}
@media screen and (max-width:1151px) and (min-width:1023px) {
.beni-ara-abs .slider_text_inside_main .h, .slider-callme .inside .h{
font-size:18px;
line-height:21px
}
.beni-ara-abs .slider_text_inside_main .h i{
font-size:29px
}
}
.info-main-div {
background:#f1f1f1 ;
}
.hizmetler-box-h{
background-color: #;
}
.doktorlar-anasayfa-main{
background-image:url("/wp-content/uploads/2026/10/") ;
background-size: cover;
background-position:top center;
padding:px 0;
margin: px 0;
}
.doktorbox2,
.doktorbox{
background-color: #;
border: 1px solid #;
color: #;
border-radius: px;
}
.doktorbox:hover{
color: #;
}
.tibbibox{
background-color: #;
color: #;
border-radius: px;
border: 1px solid #;
}
.tibbibox:hover{
color: #;
}
.bolumler-anasayfa-main{
background-image:url("/wp-content/uploads/2026/10/") ;
background-size: cover;
background-position:top center;
padding:px 0;
margin: px 0;
}
body{
font-family : 'Mulish',Sans-serif !important ;
}
.header-area{
padding: 15px 0;
}
.home-comment-slide{
border-radius: px;
background-color: #D1B678;
border: 1px solid #;
}
.home-comment-slide{
box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 4%);
}
.hizmetler-box,
.hizmetler-box-img img{
border-radius: px px 0 0;
}
#proje-slide{
border-radius: px;
}
.desktop-slider-contact-container{
background: ;
padding: ;
}
.sl-cont-box-i{
color: #}
.sl-cont-box-txt{
color: #}
.header-desktop-logo-div-main{
margin-top: -80px;
}
}
.topheader-links-box:hover{
color: # !important;
text-decoration:none;
}
.header-infobox-txt-h{
color:#;
}
.fast_links_container{
color: #;
}
.fast_links_container:hover{
color: #;
}
.header-infobox-txt-s2,
.header-infobox-txt-s2:hover,
.header-infobox-txt-s:hover,
.header-infobox-txt-s{
color:#;
}
/* hizmetler */
.hizmetler-module-main-div{
background:#1E2027 ;
padding:60px 0;
margin: 0px 0;
}
.hizmetbox{
background-color: #;
}
.hizmetbox-img{
background-color: #;
}
.hizmetbox-hed a{
color: #;
}
/* Swiper Custom Style ///////////////////////////////////////////*/
.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;
}
.ustsliders .swiper-button-prev {
-webkit-transform: translateX(200px);
transform: translateX(200px);
}
.ustsliders .swiper-button-next {
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
}
.ustsliders:hover .swiper-button-prev,
.ustsliders:hover .swiper-button-next {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
[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;
}
/* iphone 5s ==========================================
*****************************************************************************/
@media screen and (max-width:321px) and (min-width:0px) {
.slider_text_inside_box_h{
font-size: 30px !important ;
line-height: 30px !important ;
}
.slider_text_inside_box_s{
font-size: 15px !important ;
line-height: 19px !important ;
}
}
/*** iphone X - S5 vs ==========================================
*****************************************************************************/
@media screen and (max-width:410px) and (min-width:321px) {
.slider_text_inside_box_h{
font-size: 30px !important ;
line-height: 30px !important ;
}
.slider_text_inside_box_s{
font-size: 15px !important ;
line-height: 19px !important ;
}
}
/* Pixel 2 - iphone plus ==========================================
*****************************************************************************/
@media screen and (max-width:767px) and (min-width:410px) {
.slider_text_inside_box_h{
font-size: 30px !important ;
line-height: 30px !important ;
}
.slider_text_inside_box_s{
font-size: 15px !important ;
line-height: 19px !important ;
}
}
/* Ipad Pro*/
@media screen and (max-width:1100px) and (min-width:1023px) {
.slider_text_inside_box_h{
font-size: 34px !important ;
line-height: 34px !important ;
}
}
@media screen and (max-width:1023px) and (min-width:767px) {
/* Ipad */
.slider_text_inside_box_h{
font-size: 34px !important ;
line-height: 34px !important ;
}
}
.footer-module-main-div{
background:#1E2027 ;
padding:30px 0;
margin: 0px 0 0 0;
}
.footer-module-box-telif{
width: 90%;
color: #FFFFFF;
}
.footer-module-box-social a{
display: block;
color: #D1B678;
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: #D1B678;
}
.footer-module-contact-box{
color: #FFFFFF;
}
.footer-module-contact-box a{
color: #FFFFFF;
}
.footer-module-workhour-div{
color: #FFFFFF;
}
.footer-module-links-div a{
display: block;
width: 100%;
margin-bottom: 10px;
color: #FFFFFF;
}
.sss-module-main-div{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.sss-left-img{
background-image:url("/wp-content/uploads/2026/10/5801753806034-488-giammarco-zeH-ljawHtg-unsplash.jpg") ;
background-size: cover;
background-position:top center;
}
.sss-module-inside-area{
padding-top:80px;
padding-bottom:80px;
background:#F1F1F1 ;
}
.accordion_main {
width: 100%;
text-align: left;
}
.accordion__item{
border-bottom:1px solid #F1F1F1 !important;
border-radius: 4px !important;
overflow:hidden;
}
.accordion-header {
padding: 15px;
background: #FFFFFF;
color: #000000;
cursor: pointer;
font-size:17px;
font-weight: 500;
transition: all .3s;
}
.accordion__item:last-child{
border-bottom:1px solid #F1F1F1 !important;
}
.accordion-body {
color: #000000;
display: none;
width: 100%;
}
.accordion-body__contents {
padding: 20px 0;
line-height: 24px;
font-weight: 400;
font-size: 17px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
overflow: hidden;
}
.accordion__item > .accordion-header:before {
content: "\f078";
font-family: FontAwesome;
font-size: 1.2em;
float: left;
margin-right: 15px;
font-size: 15px ;
position: relative;
transition: .3s all;
transform: rotate(0deg);
margin-top: 1px;
}
.accordion__item.active > .accordion-header:before {
transform: rotate(-180deg);
}
.accordion__item.active .accordion-header {
background: #0095E5;
color:#FFFFFF}
.intro-video-module-main-div{
background-image:url("/wp-content/uploads/2026/10/8931262010824-704-bg.png") ;
background-size: cover;
background-position:top center;
padding:170px 0;
margin-top: 0px !important ;
margin-bottom: 0px !important;
}
.comment-slide-box{
background-color: #D1B678;
filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.11));
box-shadow: 0 0 5px rgba(0,0,0,.08);
}
.comment-slide-box-ust-name-h{
color:#000C66;
}
.comment-slide-box-ust-name-s{
color:#000C66;
}
.comment-slide-box-alt{
color:#000000;
}
.comment-slide-box:before{
border-color: #D1B678 transparent transparent transparent;
}
.swiper-comments .swiper-pagination-bullet-active {
width: 40px!important;
height: 4px!important;
border-radius: 0 !important;
background-color: #FFFE48 !important;
}
.swiper-comments [class^="swiper-pagination-bullet"]{
width: 10px;
height: 4px;
-webkit-border-radius: 0 !important;-moz-border-radius: 0 !important;border-radius: 0 !important;
transition: all .1s ease;
}
.swiper-comments .swiper-pagination {
display: flex;
align-items: center;
justify-content: center;
}
.yorumlar-module-main-div{
background-image:url("/wp-content/uploads/2026/10/5709784102566-226-grey-marble-column-details-building.jpg") ;
background-size: cover;
background-position:top center;
padding:150px 0;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.swiper-comments {
width: 100%;
height: auto;
}
.swiper-comments .swiper-slide {
width: 100%;
display:block;
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: #FFFE48 !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:#1E2027 ;
padding:25px 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 #F3F6F9;
background-color: #FFFFFF;
}
.header-top-boxes-box-i{
color:#}
.header-top-boxes-box-txt{
color:#}
.top-social-a{
color:#}
.top-social-a:hover{
color:#}
.header-mobile-view-in{
padding:25px 0 ;
}
.menu-icon-toggle span{
background-color: #FFFFFF;
}
.home:not(.open) .menu-icon-toggle span {
background-color: #FFFFFF;
}
.menu-icon-toggle::before, .menu-icon-toggle::after {
background-color: #FFFFFF;
}
.open .menu-icon-toggle::before, .open .menu-icon-toggle::after {
background-color: #FFFFFF;
}
.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:#; background: #; font-size:; border-radius:px; }
.filter-button.is-checked{color:#; background: #;}
.project-item{
border-radius: px;
}
.projeler-modules{
background-image:url("/wp-content/uploads/2026/10/") ;
background-size: cover;
background-position:top center;
padding:px 0;
margin-top: px !important;
margin-bottom: px !important;
}
.topheader-links-box{
border-right:1px solid #}
.top-slider-container{
padding: 10px;
background-color: #fff;
}
.videoblock_back{
background: rgb(0, 0, 0); z-index: 0; background: linear-gradient(180deg, rgba(5, 5, 5, 0.50) 0%, rgba(0, 0, 0, 0.0) 40%, rgba(165, 14, 14, 0) 0%);
}
.videoblock_back2{
background: rgb(0, 0, 0); z-index: 0; background: linear-gradient(0deg, rgba(5, 5, 5, 0.88) 10%, rgba(0, 0, 0, 0.0) 90%, rgba(165, 14, 14, 0) 100%);
}
.videoblock,
.ustsliders{
border-radius: 10px;
} .hizmetler-box{
background-color : transparent;
padding:45px !important;
border-radius:4px;
border:1px solid #2E313C;
text-align:left;
}
.hizmetler-box:hover{
background-color : #23252D;
}
.hizmetler-box-txt{
font-size: 22px ;
font-weight:400;
color: #fff;
margin-bottom:20px;
}
.hizmetler-box-spot{
color: #B6B6B6;
font-size: 15px ;
}
.hizmetler-box-img{
margin-bottom:40px;
margin-top:30px;
}
.hizmetler-box-detailbtn{
font-size: 13px;
font-weight: 600;
letter-spacing: 2px;
color: #b1976b;
display: flex;
align-items: center;
justify-content: flex-start;
text-decoration: none !important;
margin-top:30px;
}
.hizmetler-box-detailbtn i{
font-size: 22px ;
margin-left: 7px;
}
.into-vid-box,
.intro-video-module-main-div{
background-image:url("/wp-content/uploads/2026/10/8931262010824-704-bg.png") ;
background-size: cover;
background-position:top center;
padding:170px 0;
margin-bottom: 0px !important;
margin-top: 0px !important ;
}
.tanitim-vid-yazilar{
color: #F1F1F1;
}
.video-play-button:before {
background: #84532D;
}
.video-play-button:after {
background: #AD6D3C;
}
.video-play-button:hover:after {
background-color: #;
}
.video-play-button img {
border-left: 32px solid #FFCA00;
}
/* --- RESPONSIVE CSS --- */
@import url("responsive/iphonex.css"); @import url("responsive/iphone5.css"); @import url("responsive/iphoneplus.css"); @import url("responsive/ipad.css"); @import url("responsive/ipadpro.css"); @import url("responsive/1152x864.css"); @import url("responsive/1280x1024.css"); @import url("responsive/1360x768.css"); @import url("responsive/1600x1080.css"); @media screen and (max-width:767px) and (min-width:0) { /* Butonlar ///////////////////////////////////////////*/ .button-1x {font-size: 13px;padding: 4px 10px;font-weight: normal !important;} .button-2x {font-size: 13px;padding: 5px 25px;} .button-3x {font-size: 14px;padding: 5px 25px;} .button-4x {font-size: 15px;padding: 5px 25px;} .button-5x {font-size: 15px;padding: 5px 40px;font-weight: 200; /* Butonlar SON ///////////////////////////////////////////*/} }
@media screen and (max-width:765px) and (min-width:0px) {
.modules-head-text-h {
font-size: 14px !important;
}
.modules-head-text-s {
font-size: 20px !important;
line-height: 24px !important;
}
}
/* --- INLINE STYLES --- */
body{background-color: #FFFFFF}
#return-to-top{background-color: #E6C984; bottom:50px;}
#return-to-top:hover{background-color: #E6C984}
#return-to-top i{color: #000000}
#return-to-top:hover i{color: #000000}
.absolute-header{
position: absolute; top:0; width: 100%;
}
/* Dil seçimi alanı */
.lang-select-custom-div{
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
transition-duration: 0.1s; transition-timing-function: linear;
}
.head-right-bar-menu-desktop{
margin-left: 20px;
}
.swiper-container .image-container {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
transition: 10s ease-out;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
}
.swiper-container .swiper-slide.swiper-slide-active .image-container {
transform: scale(1.3);
}
.ustsliders .swiper-button-next.swiper-button-disabled, .ustsliders .swiper-button-prev.swiper-button-disabled {
opacity: .4 !important;
}
.ustsliders .swiper-button-prev {
left:10%;
}
.ustsliders .swiper-button-next{
right: 10%;
}
.ustsliders .swiper-button-prev,
.ustsliders .swiper-button-next{
background-image: none !important;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px ;
width: 45px;
height: 75px;
border-radius: 4px;
background-color: transparent;
border: 1px solid #fff;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
color: #fff;
}
.videoblock video{
width: 100%;
object-fit: cover;
height: 100%;
}
.videoblock{
width: 100%;
position: relative;
}
.slider-area-new{
width: 100%;
position: absolute;
z-index: 2;
height: 100%;
}
.videoblock,
.ustsliders{
height: 100%;
overflow: hidden;
}
.top-slider-container{
width: 100%;
height: 100%;
}
.videoblock_back{
content: '';
width: 100%;
height: 100%;
position: absolute;
top:0
}
.videoblock_back2{
content: '';
width: 100%;
height: 100%;
position: absolute;
top:0
}
.html-content-div-area{
background:#FFFFFF ;
padding:10px 0;
margin-bottom: 0px !important;
margin-top: -250px !important;
}
.html-content-area-inside{
background-color: #FFFFFF;
}
.hizmetler-module-main-div{
background:#1E2027 ;
padding:60px 0;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.hizmetler-box-h{
background-color: #;
}
.modal-body img{
max-width: 100%;
height: auto !important;
}
.bloglar-module-main-div{
background-image:url("/wp-content/uploads/2026/10/9020783123065-430-work-bg.jpg") ;
background-size: cover;
background-position:top center;
padding:30px 0;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
/* ========================================================
WORDPRESS / BLOCKSY FULL OVERRIDES FOR EXACT CLONE
======================================================== */
body {
background-color: #ffffff !important;
overflow-x: hidden !important;
font-family: 'Raleway', 'Open Sans', sans-serif !important;
}
#header.ct-header, .ct-footer, aside#sidebar, .ct-sidebar, [data-sidebar] {
display: none !important;
}
.ct-container, .site-main, .entry-content, #main-container, .content-area {
max-width: 100% !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
/* 1. Top Slider */
/* 2. Overlapping Card */
.html-content-div-area {
width: 1140px !important;
max-width: 95% !important;
margin: -240px auto 60px auto !important;
position: relative !important;
z-index: 10 !important;
}
.html-content-area-inside {
width: 100% !important;
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
border-radius: 15px !important;
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.15) !important;
overflow: hidden !important;
background: #ffffff !important;
min-height: 420px !important;
align-items: stretch !important;
}
.html-content-area-inside-left {
flex: 1 1 50% !important;
width: 50% !important;
max-width: 50% !important;
background: #ffffff !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 40px 50px !important;
box-sizing: border-box !important;
}
.html-content-area-inside-right {
flex: 1 1 50% !important;
width: 50% !important;
max-width: 50% !important;
min-width: 0 !important;
background: #00052c !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 30px !important;
box-sizing: border-box !important;
}
.html-content-area-inside-right-img {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.html-content-area-inside-right-img img {
max-width: 100% !important;
height: auto !important;
max-height: 340px !important;
object-fit: contain !important;
}
/* 3. Faaliyet Alanlarımız (Practice Areas) */
.hizmetler-module-main-div {
width: 100% !important;
background: #1E2027 !important;
padding: 80px 0 !important;
margin: 0 !important;
}
.hizmetler-module-inside-area {
width: 1220px !important;
max-width: 95% !important;
margin: 0 auto !important;
}
.modules-head-text-s {
color: #DFDFDF !important;
font-size: 32px !important;
text-align: center !important;
margin-bottom: 40px !important;
font-weight: 600 !important;
}
.hizmetler-box-main-div {
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
width: 100% !important;
}
.hizmetler-box {
flex: 0 0 31.5% !important;
width: 31.5% !important;
max-width: 31.5% !important;
margin: 0 0 30px 0 !important;
background-color: transparent !important;
padding: 40px 30px !important;
border-radius: 4px !important;
border: 1px solid #2E313C !important;
box-sizing: border-box !important;
transition: all 0.3s ease !important;
}
.hizmetler-box:hover {
background-color: #23252D !important;
border-color: #cfb481 !important;
}
.hizmetler-box-img {
margin-bottom: 25px !important;
}
.hizmetler-box-img img {
width: 48px !important;
height: 48px !important;
}
.hizmetler-box-txt, .hizmetler-box-txt a, .hizmetler-box-txt h4 {
font-size: 20px !important;
font-weight: 500 !important;
color: #ffffff !important;
text-decoration: none !important;
display: block !important;
margin-bottom: 12px !important;
}
.hizmetler-box-spot, .hizmetler-box-spot p {
color: #B6B6B6 !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
.hizmetler-box-detailbtn {
font-size: 13px !important;
font-weight: 600 !important;
letter-spacing: 2px !important;
color: #cfb481 !important;
display: flex !important;
align-items: center !important;
text-decoration: none !important;
margin-top: 25px !important;
}
/* 4. Beni Ara Section */
.beni-ara {
width: 100% !important;
padding: 80px 0 !important;
background: #ffffff !important;
}
.beni-ara .container, .beni-ara-inner {
width: 1220px !important;
max-width: 95% !important;
margin: 0 auto !important;
}
/* 5. SSS Module */
.sss-module-main-div {
width: 100% !important;
position: relative !important;
overflow: hidden !important;
display: flex !important;
align-items: stretch !important;
background: #fbfbfb !important;
min-height: 600px !important;
}
.sss-left-img {
width: 50% !important;
min-height: 600px !important;
background-image: url("/wp-content/uploads/2026/10/5801753806034-488-giammarco-zeH-ljawHtg-unsplash.jpg") !important;
background-size: cover !important;
background-position: center !important;
}
.sss-module-inside-area {
width: 50% !important;
padding: 60px 80px !important;
box-sizing: border-box !important;
}
.accordion__item {
border: 1px solid #e8e8e8 !important;
margin-bottom: 12px !important;
border-radius: 4px !important;
background: #ffffff !important;
overflow: hidden !important;
}
.accordion-header {
padding: 16px 20px !important;
cursor: pointer !important;
font-weight: 600 !important;
color: #1e293b !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
transition: background 0.2s ease !important;
}
.accordion-header:hover {
background: #f8fafc !important;
}
.accordion-body {
display: none;
padding: 0 20px 16px 20px !important;
color: #64748b !important;
line-height: 1.6 !important;
font-size: 15px !important;
}
.accordion__item.active .accordion-body {
display: block !important;
}
.accordion__item.active .accordion-header {
color: #094892 !important;
}
/* 6. Blog Module */
.bloglar-module-main-div {
width: 100% !important;
background-image: url("/wp-content/uploads/2026/10/9020783123065-430-work-bg.jpg") !important;
background-size: cover !important;
background-position: center !important;
padding: 80px 0 !important;
}
.bloglar-module-inside-area {
width: 1220px !important;
max-width: 95% !important;
margin: 0 auto !important;
}
.bloglar-box-main-div {
display: flex !important;
flex-wrap: wrap !important;
justify-content: space-between !important;
width: 100% !important;
}
.bloglar-box {
flex: 0 0 31.5% !important;
width: 31.5% !important;
margin-bottom: 30px !important;
background: #ffffff !important;
box-shadow: 0 5px 20px rgba(0,0,0,0.06) !important;
border-radius: 4px !important;
overflow: hidden !important;
}
@media (max-width: 992px) {
.hizmetler-box, .bloglar-box {
flex: 0 0 100% !important;
width: 100% !important;
max-width: 100% !important;
}
.sss-module-main-div {
flex-direction: column !important;
}
.sss-left-img, .sss-module-inside-area {
width: 100% !important;
}
.sss-left-img {
height: 350px !important;
min-height: 350px !important;
}
.html-content-div-area {
margin-top: 30px !important;
}
.html-content-area-inside {
flex-direction: column !important;
}
.html-content-area-inside-left, .html-content-area-inside-right {
width: 100% !important;
max-width: 100% !important;
flex: 1 1 100% !important;
}
}
/* --- HERO VIDEO & TOP SLIDER MASTER FIX --- */
.top-slider-container {
padding: 10px !important;
background-color: #ffffff !important;
width: 100% !important;
box-sizing: border-box !important;
}
.videoblock {
width: 100% !important;
position: relative !important;
border-radius: 10px !important;
overflow: hidden !important;
height: 600px !important;
background: #000000 !important;
}
.videoblock video {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
.videoblock_back {
content: '' !important;
width: 100% !important;
height: 100% !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 1 !important;
background: linear-gradient(180deg, rgba(5, 5, 5, 0.65) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0) 100%) !important;
pointer-events: none !important;
}
.videoblock_back2 {
content: '' !important;
width: 100% !important;
height: 100% !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 1 !important;
background: linear-gradient(0deg, rgba(5, 5, 5, 0.90) 10%, rgba(0, 0, 0, 0.1) 80%, rgba(0, 0, 0, 0) 100%) !important;
pointer-events: none !important;
}
.slider-area-new {
width: 100% !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 3 !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.slider-area-new .ustsliders {
width: 100% !important;
height: 100% !important;
}
.slider_text_inside_main.mobilesilder {
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
.slider_text_inside_box {
max-width: 900px !important;
margin: 0 auto !important;
padding: 0 20px !important;
}
.slider_text_inside_box_h {
font-size: 38px !important;
color: #ffffff !important;
line-height: 1.3 !important;
font-weight: 700 !important;
margin-bottom: 15px !important;
text-shadow: 0 2px 10px rgba(0,0,0,0.5) !important;
}
.slider_text_inside_box_s {
font-size: 19px !important;
color: #ffffff !important;
line-height: 1.5 !important;
font-weight: 300 !important;
opacity: 0.9 !important;
text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}