.kita {
float: left;
width: 50%;
display: table-cell;
}

.hhide {
 /* text-indent: -9999px; */
top: -9999px;
position: absolute;
}

.owl-item.active .sloyazi {
-webkit-animation: .8s .5s fadeInUp both;
animation: .8s .5s fadeInUp both;
}

.owl-item.active .sloyazik {
-webkit-animation: .8s .7s fadeInUp both;
animation: .8s .7s fadeInUp both;
}

.owl-item.active .slbut {
-webkit-animation: .8s 1s fadeInUp both;
animation: .8s 1s fadeInUp both;
}
.owl-item.active .applink  {
    -webkit-animation: .8s 1s fadeInUp both;
    animation: .8s 1s fadeInUp both;
}
.owl-item.active .slsim {
-webkit-animation: 1s 0.8s fadeInUp both;
animation: 1s 0.8s fadeInUp both;
}
.slgt {
margin: 0 auto;
height: 100%;
width: 1200px;
position: relative;
z-index:5
}

.resimler {
height: 680px;
width: 100%;
background-position: center center;
background-size: cover;
display: block;
overflow: hidden;

}
.resimler img {

left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center 25%;
object-position: center 25%;
-webkit-transform: scale(1);
transform: scale(1);
}
.slogan {
text-align: left;
position: absolute;
top: 20%;
padding: 15px;
width:50%
}

.slogan .sloyazi {
font-weight: 800;
color: #00558c;
font-size: 50pt;
WIDTH: 100%;
letter-spacing: -3px;
line-height: 1;
}

.slogan .sloyazik {
color: #000;
font-size: 18px;
width: 90%;
margin: 16px 0;
font-weight: 300;
}

#banalt {
width: 100%;
height: 200px;
margin-top: -10px;
z-index: 2000;
position: relative;
background: #000000;
}

#banmar {
margin: 0 auto;
height: 100%;
}

.bansi {
float: left;
width: 33.333%;
height: 260px;
position: relative;
}

.bansi.borta:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255,255,255,.3);
top: 0;
filter: blur(5px);
transform: rotate(180deg) translate(-450%, 0);
transition: all 3s cubic-bezier(0, -0.02, 0, 0.99);
}

.borta:hover:before {
transform: rotate(180deg) translate(450%, 0);
transition: all 3s cubic-bezier(0, -0.02, 0, 0.99);
}

#bantasiyici {
position: relative;
background: #000000;
height: 260px;
border-radius: 10px 10px 100px 100px;
top: -10px;
}
.applink {
    width: 200px;
    display: block;
    position: relative;
    margin-top: 25px;
    float: left;}
.resimler img.appicon {
width:100%
}
td {
position: relative
}

.slbut {transition: all .3s linear;
line-height: 2.2;
background:#d80e16;
color: #fff;
display: inline-block;
font-weight: 600;
margin-top: 35px;
box-shadow: 0 4px 10px -1px rgba(0, 0, 0, 0.2), 0 4px 6px 1px rgba(0, 0, 0, 0.05), 0 1px 2px 1px transparent inset, 0 18px 32px -2px rgba(255, 255, 255, 0.1) inset;
}
.slbut:hover {
background:#003d9f;
}
.slbut:hover .play {
color: #ef045b;
}


.bsyaz h3 {
margin-bottom: 20px;
font-size: 18pt;
color: #eae9ef;
margin-top: 0px;
}

.slsim {
position: absolute;
right: 0;
bottom: 0px;
width: 500px;
}


.borta .bsyaz h3 {
color: #fff
}

.bsyaz {
padding: 10px 5px;
font-size: 10pt;
color: #ffffff;
font-weight: 400;
line-height: 1.5;
text-align: center;
}

.bbasi {
}

.borta {
background: #da0101;
overflow: hidden;
top: -18px;
border-radius: 10px 10px 0px 0px;
height: 278px;-webkit-box-shadow: inset 0px -59px 46px -9px rgba(0,0,0,0.24);
-moz-box-shadow: inset 0px -59px 46px -9px rgba(0,0,0,0.24);
box-shadow: inset 0px -59px 46px -9px rgba(0,0,0,0.24);
}

.bsonu {
}

.ucsim {
width: 340px;
opacity: .24;
position: absolute;
right: -60px;
bottom: -40px;
}

.bspan {
width: 60%;
margin-right: 20px;
float: right;
color: #c5c4cb;
display: block;
font-size: 11pt;
line-height: 1.3;
text-align: left;
}

.incee {
background: rgb(227, 0, 15);
border-radius: 20px;
color: #fff;
display: inline-block;
padding: 5px 20px;
font-size: 10pt;
position: absolute;
bottom: 25px;
right: 120px;
}

.onac {
float: left;
width: 100%;
text-align: center;
}


.sapan {
display: block
}
.haks {width:50%;float:right;text-align: left;color:#000}
.iico {    font-size: 30pt;
/* margin-right: 15px; */
border: 3px solid #F5851E;
padding: 15px;
border-radius: 50%;
/* margin-top: -111px; */
background: #000;
position: absolute;
top: -42px;
left: 33%;}

.bilgiler .title {
font-size: 36px;
margin-bottom: 20px;
font-weight: 300;letter-spacing: -1px;
}
.bilgiler .text {
font-size: 18px;
letter-spacing: -1px;
margin-bottom: 15px;
line-height: 24px;
color: #575757;
}
.bilgiler{margin-top: 10px;padding:12px}
.devam a {
display: inline-block;
font-weight: 900;
font-size: 15px;
letter-spacing: -1px;
border: 1px solid #2b2b2b;
border-radius: 30px;
padding: 12px 40px;
color: #2a2a2a;
position: relative;
overflow: hidden;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
margin-top:20px
}
#tekki {   width: 100%;
-webkit-box-shadow: 0px 12px 15px 0px rgb(0 0 0 / 6%); 
box-shadow: 0px 12px 15px 0px rgb(0 0 0 / 6%);
border: 15px solid white;
border-radius: 20px;}
.efct {position: absolute;
top: 0;
left: 0;
width: 80%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, #ffffff), to(transparent));
background-image: linear-gradient(to right, #ffffff 18%, transparent);}

.efct .icon {
max-width: 530px;
width: 40%;
top: 0;
left: 0;
}
#banat {     width: 100%;}

.sgb { 
background: url(../images/medd.jpg);
height: 275px;
-webkit-box-flex: 0;
-ms-flex: 0 0 270px;
flex: 0 0 270px;
width: 98%;
background-position: center center;
background-size: cover;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #1f3d9d;
text-align: center;
-webkit-transition: all .3s linear;
transition: all .3s linear;
border-radius: 8px;
cursor: pointer;
color: #ffffff;}
.sgb:after {content: "";    -webkit-transition: all .3s linear;
transition: all .3s linear;
background: rgb(8,34,126);
background: linear-gradient(180deg, rgba(8,34,126,0.7959558823529411) 61%, rgba(0,16,37,1) 100%);
display: block;
position: absolute;
width: 98%;
height: 100%;
border-radius: 8px;;} 
.ico {  -webkit-transition: all .3s linear;
transition: all .3s linear;  margin-top: 3px; 
margin-bottom: 30px;
height: 90px;z-index:1}
.ico img {height:100%}   
.icotitle {    color: #fff;z-index:1;transition: all .3s linear;
FONT-WEIGHT: 700;
font-size: 14pt;
padding:0px 6px;
margin-bottom:8px; }
.detbut {    transition: all .3s linear;z-index: 1;opacity: 0;}
.sgb:hover:after { background-color: rgb(31 61 157 / 90%);}
.iconot {  transition: all .3s linear;   FONT-WEIGHT: 400;    z-index: 5;
font-size: 11pt;
padding: 0px 6px;}
.sgb:hover .iconot {    margin-top:-10px;}
.sgb:hover .ico {height: 70px}
.sgb:hover .icotitle {FONT-WEIGHT: 800;font-size: 16pt;}
.sgb:hover .detbut {   opacity: 1; background: #f9002e;
padding: 6px;
border-radius: 3px;
margin-top: 18px;}

.denes {  margin-top: 12%;
right: 0px;
float: right;
position: absolute;
width: 274px;z-index:5000}
.denem {padding: 4px;    display: table;
float: left;width: 136px;transition: all .3s linear;
}
.denemic {   position: relative; padding: 10px;transition: all .3s linear;
background: rgb(8 34 126 / 86%);
text-align: center;
font-size: 11pt;
color: #f8faff;    height: 136px;
border-radius: 6px;
vertical-align: middle;
display: table-cell;
z-index: 1;
font-weight: 600;    overflow: hidden;}

.denemic::before {
content: "";
background: #d80e16;
width: 0;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease;
}
.denem:hover .denemic::before {
width: 100%;
}
/*.denem:hover .denemic {     background: red;}*/

.denemic i {color: #fff;
display: block;
font-size: 30pt;
margin-bottom: 12px} 
.dortas {margin: 0 auto;
height: 100%;
max-width: 90%;
position: relative;}        
.mobdenes {display: none;}   
.fullresize {width: 90%;}  


@media only screen and (max-width: 968px) {
.denem {
padding: 2px;
width: 150px;
transition: all .3s linear;
}
.denes {
margin-top: 8%;
width: 304px;
}
.denemic {    height: 150px;
padding: 5px;
font-weight: 500;
font-size: 11pt;
}
.slgt {
width: 100%;
}

.slogan {
position: absolute;
top: 50%;
left: 50%;
right: 0;
padding: 5px;
transform: translate(-50%, -50%);
width: 100%;
}

.resimler {
height: 460px;
}



.slogan .sloyazi {
width: 100%;
font-weight: 800;
font-size: 32pt;
}

.slogan .sloyazik {color:#000;
width: 50%;
font-size: 13pt;    padding: 16px;
}
.slbut {
padding: 5px 23px 5px 70px;
}
.onac {
float: none;
width: 100%;
}

.kita {
float: none;
width: 100%;
display: block
}
.haks {width:100%;}
.haks img {width:100%;}
.bilgiler{  margin-top: 5px;}
#tekki {height:100%}
#banat {margin-top: 0;}
}

/*-------------------------------------*/


@media only screen and (max-width: 768px) {
.applink {margin-top: 5px;
    width: 120px;
}
.icotitle {font-size: 13pt;}
.iconot { font-size: 10pt;}
.sgb:hover .icotitle {
    FONT-WEIGHT: 800;
    font-size: 14pt;
}
.mobpc {display: none;} 
.mobdenes {display: block; 
position: relative;} 
.denes {    position: relative;
margin-top: 0px;
width: 100%;margin-bottom:30px;margin-top: 20px;
}
.denem {
padding: 2px;
width: 25%;
transition: all .3s linear;
}

.denemic{background: rgb(14 77 134);
height: 130px;
padding: 0px;
font-weight: 500;
font-size: 9pt;}
.slgt {
width: 100%;
}

.slogan {
position: absolute;
top: 50%;
left: 50%;
right: 0;
padding: 5px;
transform: translate(-50%, -50%);
width: 100%;
}

.resimler {
height: 320px;
}
.slogan .sloyazi {
width: 100%;
font-weight: 600;
font-size: 22pt;
}
.slogan .sloyazik {color:#000;
width: 90%;
font-size: 11pt;    padding: 16px;
background: rgb(255 255 255 / 66%);
}
.slbut {margin-top: 10px;    padding: 3px 14px 3px 64px;}
.onac {
float: none;
width: 100%;
}
.kita {
float: none;
width: 100%;
display: block
}
.haks {width:100%;}
.haks img {width:100%;}
.bilgiler{  margin-top: 5px;}
#tekki {height:100%}
#banat {margin-top: 0;}
}