/*
Theme Name: 3enmedya
*/

:root {
  --birinci: #1c94af;  /* Site Rengi */
  --ikinci: #112035;  /* Site Rengi */
  --baslikfont: Montserrat;  /* Site Fontu */
}



@media(max-width:575.98px) {.mobil {display:block!important;} .pc{display:none!important;}.hakkimizda{background-color: #e7e7e7;height: 100%;border-radius: 20px;padding-top: 30px!important;padding-left: 20px;padding-right: 10px;}}
@media(min-width:575.99px) {.mobil {display:none!important;}  .pc {display:block!important;}}

.hakkimizda{background-color: #e7e7e7;height: 100%;border-radius: 20px;padding-top: 70px;padding-left: 20px;padding-right: 10px;}
.hakkimizda h2 {font-weight:700; font-size:24px;margin: 15px 0px; color:#000;}
.hakkimizda h5 {font-weight:600; font-size:18px;margin:0px; color: var(--birinci);}

.yenimerkez-section { overflow:hidden; margin-bottom:100px; }
.yenimerkez-list { max-width:1415px; overflow:hidden; margin:0px auto; padding:0px; list-style:none; }
.yenimerkez-list > li { overflow:hidden; margin-bottom:60px; position:relative; border:1px solid var(--border-color); }
.yenimerkez-list > li:before, .yenimerkez-list > li:after { height:100%; position:absolute; top:0; z-index:0; content:""; }
.yenimerkez-list > li:before { width:36.5%; left:0; background-image:url(/images/border-bg.jpg); background-repeat:repeat; background-position:center center; }
.yenimerkez-list > li:after { width:63.5%; right:0; background-color:var(--border-color); }
.yenimerkez-list > li .headline { position:absolute; left:4%; top:70px; z-index:1; }
.yenimerkez-list > li .headline > strong { display:inline-block; color:#fff; font-size:30px; font-weight:800; }
.yenimerkez-list > li .headline > em { display:block; color:var(--color-01); font-size:22px; font-weight:500; font-style:normal; }
.yenimerkez-list > li .image { width:40%; float:left; margin-left:5%; text-align:right; position:relative; z-index:1; }
.yenimerkez-list > li .info { width:47%; min-height:470px; overflow:hidden; float:right; margin-right:5%; padding-top:70px; font-size:15px; position:relative; z-index:1; }
.yenimerkez-list > li .title { display:inline-block; margin-bottom:40px; color:#fff; font-size:28px; font-weight:500; }
.yenimerkez-list > li .title > strong { display:inline-block; padding-right:7px; font-weight:800; }
.yenimerkez-list > li .title > em { display:block; color:var(--color-01); font-size:22px; font-weight:500; font-style:normal; }
.yenimerkez-list > li .summary { margin:0; margin-bottom:40px; font-size:15.5px; line-height:22px; color:#fff; }
.yenimerkez-list > li .link { display:inline-block; color:#fff; font-size:18px; }
.yenimerkez-list > li .link > strong { display:inline-block; padding-right:7px; font-weight:700; }
.yenimerkez-list > li .link > i { width:32px; height:32px; margin-left:0px; text-align:center; color:var(--color-01); font-size:21px; line-height:31px; border-radius:50%; border:1px solid var(--color-01); }
@media (max-width: 1440px) {
    .yenimerkez-list > li { margin-left:50px; margin-right:50px; }
    .yenimerkez-list > li .headline > strong, .yenimerkez-list > li .title { font-size:25px; }
    .yenimerkez-list > li .headline > em, .yenimerkez-list > li .title > em { font-size:15px; }
    .yenimerkez-list > li .summary { font-size:14px; line-height:20px; }
    .yenimerkez-list > li .info { min-height:inherit; }
}
@media (max-width: 1199.98px) {
    .float-buttons, .float-icons { display:none; }
    .yenimerkez-list > li { margin-left:auto; margin-right:auto; text-align:center; border:none; }
    .yenimerkez-list > li:before, .yenimerkez-list > li:after { display:none; }
    .yenimerkez-list > li .headline { text-align:center; left:50%; top:20px; z-index:2; transform:translateX(-50%); }
    .yenimerkez-list > li .image, .yenimerkez-list > li .info { max-width:517px; width:auto; float:none; margin-left:auto; margin-right:auto; text-align:center; }
    .yenimerkez-list > li .image { max-height:470px; display:block; border:1px solid var(--border-color); background-image:url(/images/border-bg.jpg); background-repeat:repeat; background-position:center center; }
    .yenimerkez-list > li .info { width:auto; padding:50px 30px; background-color:#000000d4; }
    .yenimerkez-list > li .title { margin-bottom:20px; }
    .yenimerkez-list > li .summary { margin-bottom:20px; }
    }
