@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bonheur+Royale&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

@font-face{
    font-family:'Aileron';
    src:url('aileron.regular.otf') format('OpenType');
    font-weight:400;
}
@font-face{
    font-family:'Aileron-Bold';
    src:url('aileron.bold.otf') format('OpenType');
    font-weight:700;
}

@font-face {
font-family: 'Hebrew'; 
src: url('OpenSansHebrewCondensed-Regular.ttf'); 
}
@font-face {
font-family: 'HebrewBold'; 
src: url('HebrewBold.ttf'); 
}

@font-face {
font-family: 'Intro'; 
src: url('Intro.ttf'); 
}

@font-face {
font-family: 'Heading'; 
src: url('HeadingNow.ttf'); 
}

@font-face {
font-family: 'Heading8'; 
src: url('Heading8.ttf'); 
}

@font-face {
    font-family: 'Heading Now Trial 54';
    src: url('HeadingNowTrial-54Regular.woff2') format('woff2'),
        url('HeadingNowTrial-54Regular.woff') format('woff'),
        url('HeadingNowTrial-54Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
font-family: 'Heading16'; 
src: url('Heading16.ttf'); 
}
@font-face {
font-family: 'MadelynFil'; 
src: url('MadelynFil.ttf'); 
}
@font-face {
font-family: 'Glacia'; 
src: url('Glacia.otf'); 
}
@font-face {
font-family: 'GlaciaBold'; 
src: url('GlaciaBold.otf'); 
}

.mm-page.mm-slideout { display:none !important }
.container, .container-lg, .container-md, .container-sm, .container-xl { position:relative; width:1530px;max-width:1530px;  }

.loading-overlay { position: fixed; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 1); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 99999999; top: 0;} 

.rotate {width: 100px;height: 60px;animation: spin 4s linear infinite;transform-style: preserve-3d;     position: relative;}
.front, .back { position: absolute;width: 100%;height: 100%;backface-visibility: hidden; }
.front { background: url('../images/logo-icons.png') no-repeat center;}
.back { background: url('../images/logo-icons.png') no-repeat center;transform: rotateY(180deg);}
@keyframes spin {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}
@keyframes shake {
  0% {
    transform: translate(0, 0); /* Başlangıç pozisyonu */
  }
  25% {
    transform: translate(2px, -2px); /* Sağ yukarı */
  }
  50% {
    transform: translate(-2px, 2px); /* Sol aşağı */
  }
  75% {
    transform: translate(2px, 2px); /* Sağ aşağı */
  }
  100% {
    transform: translate(0, 0); /* Başlangıç pozisyonuna dönüş */
  }
}
@keyframes slide-in {
  0% {
    transform: translateX(-100%); /* Sayfanın dışından başlar (sol) */
    opacity: 0; /* Görünmez */
  }
  100% {
    transform: translateX(0); /* Orijinal pozisyona gelir */
    opacity: 1; /* Görünür */
  }
}



* { box-sizing: border-box; }
html { overflow-x: hidden; }
body {  padding: 0; margin:0; font-family: "Open Sans", serif;font-size: 16px; overflow-x: hidden; max-width:100%;}
figure {    margin:0;}
img { max-width:100%; }
.mb70 { margin-bottom:70px; }
a { text-decoration: none; -webkit-transition-duration: .3s;    -moz-transition-duration: .3s;    transition-duration: .3s; }
a:hover { text-decoration: none; }
ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:0px;
    unicode-bidi: isolate;
}

a.scrollup {position: fixed;  margin: 0 auto;   width: 45px;  bottom:50px; right: 60px;     display: none;}
a.scrollup:hover { opacity:0.7 }

.items-center       { -webkit-box-align: center;    -moz-box-align: center;    -webkit-align-items: center;    align-items: center;}
.justify-center     { -webkit-box-pack: center;    -moz-box-pack: center;    -webkit-justify-content: center;    justify-content: center;}
.center      { -o-object-position: center;    object-position: center;}
.contain     { -o-object-fit: contain;    object-fit: contain;}
.cover     { -o-object-fit: cover;    object-fit: cover;}
.duration-300       { -webkit-transition-duration: .3s;    -moz-transition-duration: .3s;    transition-duration: .3s;}
.h135 { height:130px; }
.duration-450 { -webkit-transition-duration: .45s;    -moz-transition-duration: .45s;    transition-duration: .45s;}



.mb25  { margin-bottom:25px; }
.mb40  { margin-bottom:40px; }
.mb50  { margin-bottom:50px; }
.mb70  { margin-bottom:70px; }
.mb150 { margin-bottom:150px; }
.mb100 { margin-bottom:100px; }

.mt25  { margin-top:25px; }
.mt40  { margin-top:40px; }
.mt50  { margin-top:50px; }
.mt70  { margin-top:70px; }
.mt150 { margin-top:150px; }
.mt100 { margin-top:100px; }


.header { float: left; width: 100%; height:100vh; padding: 0px 0 0px 0;  position: relative ;}

.solside { float:left; position: relative; width:178px; height:100vh; background:url(../images/solside.jpg) no-repeat; background-size: cover; }
.solside a { float:left; width:100%; text-align:center; margin: 15px 0; }
.solside span { font-weight: bold; float:left; width:100%; font-size: 18px; line-height: 178px; color:#fff; writing-mode: vertical-rl; text-orientation: upright;}
.solside i  { font-size: 40px; color:#00a0e3; position: absolute; left:0px; bottom:30px; width:100%; text-align:center; font-family:'MadelynFil'; }


.centerside { float:left; width:calc(100% - 263px); height:100vh; }

.centersidesol { float:left; width:50%; height:100vh; position:relative; }
.main-carousel { float:left; width:100%; height:100vh; position:relative; }
.centersidesol .main-carousel .owl-item img { height:100vh; }


.slideryazi { right: -260px; top:35%; position:absolute; z-index:3 }
.slideryazi span { font-size: 70px; line-height: 45px;color:#fff; font-family:'Heading'; text-shadow: 1px 1px 2px #0000004f; transform: scaleY(0.6); margin:0px; }
.slideryazi p  { width:max-content; font-size: 70px; line-height: 65px; letter-spacing: 8px; color:#00a0e3; font-family:'Heading16'; position:relative; text-shadow: 1px 1px 2px #0000004f; }
.slideryazi h2:after { top:13px; right:-50px; width:40px; height:40px; background:url(../images/ss.png)no-repeat; position:absolute; content:''; }
.centersidesol .main-carousel .owl-nav {  position:absolute; top:55%; right:0px; }
.centersidesol .main-carousel .owl-nav .owl-next { background:#00a0e3; width:50px; height:35px; line-height:35px; right:-25px; border-radius:5px;  position: relative;}
.centersidesol .main-carousel .owl-nav .owl-prev { background:#00247d; width:50px; height:30px; line-height:30px; right:-10px; top:0px; border-radius:5px; position: relative;}
.centersidesol .main-carousel .owl-nav .owl-next span, .centersidesol .main-carousel .owl-nav .owl-prev span { color:#fff; font-size:24px; top: -3px; position: relative; }



.main-carousel .item {    position: relative;}

.thumbnail-nav {      min-width: 125px;  margin-top: 20px;    max-width: 100%;    width: 100%;    position: absolute;    bottom: 50px;    justify-content: center;    align-items: center;    display: grid; }
.thumbnail-nav .thumbnail-carousel {min-width: 125px;}
.thumbnail-carousel .owl-item .item {      min-width: 125px;  cursor: pointer;    padding: 0px;    border: 5px solid transparent !important;    transition: all 0.3s ease;}
.thumbnail-carousel .owl-item .item.active {    border: 2px solid #00a0e3;}
.thumbnail-carousel .owl-item .item:hover {    border-color: transparent;}
.thumbnail-carousel .item img {      min-width: 115px; width:100%;  height: 100px; object-fit: cover;}
.thumbnail-carousel .owl-item .item.active {    border: 5px solid #00a0e3 !important;}


.centersidesag { position: relative; float:left; width:50%;height: 100vh; background:url(../images/centersag.jpg) no-repeat; background-size: cover; }

.centersidesag .centersosyal { display: flex; justify-content: center;  gap: 100%;  position: absolute;  bottom: 50px;  left: 45%;}
.centersidesag .centersosyal a { font-size:22px; color:#d3d3d3; width: 24px; height: 24px; transition: all 0.3s ease; }
.centersidesag .centersosyal a:hover { color:#fff; transform: translateY(-3px); }

.centersidesag .open-button { position: absolute;  top: 45px;  left: 50px; z-index: 6; display: block; background: url(../images/icon25.png) no-repeat; width: 17px; height: 19px; cursor: pointer; background-size: contain;}



#aramaalani { display:none; position:fixed; width:100%; height:490px; left:50%; background:url(../images/arabg.jpg) no-repeat center; background-size: cover; z-index:999; transform: translateY(-100%);  transition: top 0.3s ease-in-out;    top: 0;    transform: translate(-50%, -100%);}
#aramaalani.show { display: block; transform: translate(-50%, 0); }

.ortu {width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(90deg, rgb(5 55 121 / 34%) 0%, rgb(3 84 154 / 38%) 50%, rgb(5 55 121 / 71%) 100%);}


.aramaalaniic { width:880px; max-width:100%; margin-right: auto; margin-left: auto; position:relative; }
.aramaalaniic i { display: block; width:185px; margin:15px auto; position:relative; }


.aramaalaniic a.close-button { position: absolute; right: 0; top: 25px; font-size: 16px; background: #fff;  color: #03549a;  width: 25px; height: 25px;  text-align: center; border-radius: 50%; line-height: 22px;  cursor: pointer;  font-weight: bold; }
.aramaalaniic a.close-button:hover { background: #03549a;  color: #fff; }

#headerform                 { width:590px; margin:0 auto; display: block; position:relative;  }
#headerform input           { text-align: center; padding:0 50px; height:75px; outline: none; font-size:13px; color:#dddddd; letter-spacing: 1px; width:100%; border-radius:20px; border:none; float:left;  background: rgb(5,55,121);background: linear-gradient(90deg, rgba(5,55,121,1) 0%, rgba(3,84,154,1) 50%, rgba(5,55,121,1) 100%);}
#headerform input::placeholder {  text-align: center;  padding:0 0 0 0px;font-size: 13px; color: #dddddd; letter-spacing: 1px;}
#headerform button          { right:30px; top:20px; width:33px; height:32px; line-height:40px; background:url(../images/ara.png) no-repeat center; position: absolute; border: none; z-index:2; }

.aramakategoriler           { padding: 0 0 0 85px; display: grid;  width: 100%; margin: 30px 0;  grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px;  row-gap: 10px; }
.aramakategoriler a         { color:#ddd; font-size:15px; }
.aramakategoriler a:hover   { color:#fff; }



.sagside                { float:right; position: relative; width:85px; height:100vh; background:url(../images/sagside.jpg) no-repeat;background-size: cover; }
.sagside .sideinfo      { top: 30%; padding: 0 0 0 0px; display: flex; width: 100%; gap: 45px; flex-direction: column; text-align: center; position:relative; }
.sagside .sideinfo a    { color:#ddd; font-size: 22px; }
.sagside .sideinfo a:hover { color:#fff; }

.sagside a#scrollButton { left:45%; bottom:30px; position:absolute; cursor:pointer;  }

.diller                 { float: right; position: relative; margin: 50px 40px 0 0; }
.diller a         { padding: 0px 0; color:#dbdbdb; font-size:15px; font-weight:700; margin:0 20px 0 0; height:auto; line-height:14px;  position:relative; float: right}
.diller a:before  { content:''; position:absolute; left:-10px; top:1px; width:2px; height:13px; background:#dbdbdb;  }
.diller a:last-child:before { display:none; }
.diller a.active  { color:#fff; }
.diller a img     { margin: -2px 2px 0 0; width: 22px; height: 22px; }
.diller a i { margin:0 0 0 4px; font-size:12px; }



#sidebar ul.sidemenu li .dillermenu           { display: none; float: left; position: relative; margin: 30px 0px 0 0; }
#sidebar ul.sidemenu li .dillermenu a         { padding: 0px 0; color:#dbdbdb; font-size:15px; font-weight:700; margin:0 20px 0 0; height:auto; line-height:14px;  position:relative; float: right}
#sidebar ul.sidemenu li .dillermenu a:before  { content:''; position:absolute; left:-10px; top:1px; width:2px; height:13px; background:#dbdbdb;  }
#sidebar ul.sidemenu li .dillermenu a:last-child:before { display:none; }
#sidebar ul.sidemenu li .dillermenu a.active  { color:#fff; }
#sidebar ul.sidemenu li .dillermenu a img     { margin: -2px 2px 0 0; width: 22px; height: 22px; }
#sidebar ul.sidemenu li .dillermenu a i { margin:0 0 0 4px; font-size:12px; }

.sagside2 {   position: fixed;  float: right; top:30px; right: 50px; width: 75px; height: auto; background: url(../images/sagside.jpg) no-repeat; border-radius:10px; box-shadow: -2px 6px 10px 0px #00000087;z-index: 2;}
.sagside2 .sideinfo2      { top: 30%; padding:25px 0px; display: flex; width: 100%; gap: 30px; flex-direction: column; text-align: center; position:relative; border-radius: 10px; }
.sagside2 .sideinfo2 a    { color:#ddd; font-size: 22px; cursor: pointer;}
.sagside2 .sideinfo2 a:hover { color:#fff; }

.sagside2 .sideinfo2 .open-button { display: block; background: url(../images/icon25.png) repeat; width:21px; height:24px; margin: 0 auto; cursor: pointer;}

.sagside2 .menuikon {display: none;}


.headeralan { background:#ffffff; float:left; width:100%;  }
.headeralan .ustalan {  float: left; width: 100%; padding:0 0px;  }
.headeralan .logo { float:left; display:flex; }

.menu-overlay {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.5);     z-index: 9;     display: none;     opacity: 1 !important;}
.modal-title {  margin-bottom: 0;    line-height: 1.5;    text-align: center;    width: 100%;}

#overlay { display: none; position: fixed;  top: 0;  left: 0;  width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); z-index: 99; }

.mobilmenu      { display:none; }
.menuikon       { float:left; margin:50px 0 0 25px; width:38px; height:12px; text-align: center;background:url(../images/mmenu.png) no-repeat; border: 0; padding: 0px; }
.mobilmenu .mobillogo { margin:20px 0; }
.mobilmenu .dil { margin: 50px 0 0 0; }


#sidebar            { position: absolute; top: 0;  right: -550px;  width: 550px;  height:auto; background:url(../images/sidebarbg.jpg) no-repeat left; background-size: cover; color: white; padding:30px 60px; border-radius: 15px 0px 0px 15px; transition: right 0.3s ease; z-index: 999;}
#sidebar span.kapat { cursor: pointer; position: absolute; right: 30px; top: 30px; font-size: 16px; background: #fff; color: #03549a; width: 25px; height: 25px; text-align: center; border-radius: 50%; line-height: 22px; cursor: pointer; font-weight: bold;}


#sideform           { float:left; width:100%; margin:40px 0; }
#sideform form      { position:relative; float:left; width:100%; }
#sideform input     { font-size:13px; color:#ededed; height:50px; padding:0 20px 0 60px; letter-spacing:1px;background:transparent; border:1px solid#4c6687; border-radius:10px; width:100%; position:relative; }
#sideform button    { left:17px; top:14px; width:21px; height:24px; line-height:24px; background: url(../images/icon25.png) no-repeat center; position: absolute; border: none; z-index: 2;}
#sideform input::placeholder { color: #ededed; letter-spacing: 1px;}

#sidebar ul.sidemenu            { margin: 0 0 30px 0; padding: 0 0 40px 50px; border-bottom: 1px solid #2e5485; float: left; width: 100%; position: relative; }
#sidebar ul.sidemenu li         { float:left; width:100%; margin:0 0 15px 0; }
#sidebar ul.sidemenu li a       { color:#fff; font-size:14px; }
#sidebar ul.sidemenu li a img   { margin:0 15px 0 0; }

#sidebar ul.sidemenu2            { margin: 0 0 80px 0; padding: 0 0 0px 50px; float: left; width: 100%; position: relative; }
#sidebar ul.sidemenu2 li         { float:left; width:100%; margin:0 0 15px 0; }
#sidebar ul.sidemenu2 li a       { color:#fff; font-size:14px; }
#sidebar ul.sidemenu2 li a img   { margin:0 15px 0 0; }


#sidebar .sideblog { padding:25px 35px; width:100%; max-height:333px; min-height:333px; background:url(../images/sideblogbg.png) no-repeat; float:left; position:relative; }
#sidebar .sideblog .sideblogbaslik { width:100%; margin:0 0 40px 0; float:left; position:relative; }
#sidebar .sideblog .sideblogbaslik a.bloglink { right: 0px; top: 10px; width: 32px; height: 32px; position: absolute;  }
#sidebar .sideblog .sideblogbaslik h4 { font-size: 12px; font-weight:300; color:#62beed; width:100%; float:left; }
#sidebar .sideblog .sideblogbaslik i  { font-size: 45px; line-height: 45px; font-weight:400; font-style: normal; width:100%; float:left; }

#sidebar .sideblog a { float:left; width:100%; border-bottom:1px solid#0e7dd5; padding: 0 0 15px 0px; margin: 0 0 15px 0;}
#sidebar .sideblog a:last-child { border:0px; }
#sidebar .sideblog a span { font-size: 10px; font-weight:300; color:#62beed; }
#sidebar .sideblog a h3   { font-size: 14px; font-weight:400; color:#fff; }


.solside2 { float:left; position: absolute; width:178px; height:100vh; background:url(../images/solside.jpg) no-repeat; border-radius: 0 0 10px 0; z-index: 2;}
.solside2 a { float:left; width:100%; text-align:center; margin: 15px 0; }
.solside2 span { font-weight: bold; float:left; width:100%; font-size: 18px; line-height: 178px; color:#fff; writing-mode: vertical-rl; text-orientation: upright;}
.solside2 i  { font-size: 40px; color:#00a0e3; position: absolute; left:0px; bottom:30px; width:100%; text-align:center; font-family:'MadelynFil'; }


.header2 { float:left; width:100%; position:relative; }

.container-s { max-width:1420px; margin:0 auto; padding: 0 15px; position:relative; }
.container-s2 { max-width:1015px; margin:0 auto; padding: 0 15px; position:relative; }

.menu2 { margin:40px 0; float: left; width: calc(100% - 200px); display: flex; justify-content: space-between; }
.menu2 li { float: left;  }
.menu2 li:last-child { margin: 0 0px 0 0; }
.menu2 li a { float: left; padding: 0 0 0 15px; font-size:15px; color:#000; text-transform: uppercase; }
.menu2 li a:hover { color:#09285c; }
.menu2 li a.active { color:#09285c; font-weight:bold; }

.diller2           { width: 100px; float: right; position: relative; margin: 43px 0px 0 0; }
.diller2 a         { padding: 0px 0; color:#9d9d9d; font-size:14px; font-weight:700; margin:0 20px 0 0; height:auto; line-height:14px;  position:relative; float: right}
.diller2 a:before  { content:''; position:absolute; left:-10px; top:1px; width:2px; height:13px; background:#9d9d9d;  }
.diller2 a:last-child:before { display:none; }
.diller2 a.active  { color:#000; }
.diller2 a img     { margin: -2px 2px 0 0; width: 22px; height: 22px; }
.diller2 a i       { margin:0 0 0 4px; font-size:12px; }


.iletisim-header    { float:left; width:100%; }
.baslikalan         { float:left; width:100%; height: 150px; justify-content: center; align-items: center; align-content: center; background:url(../images/breadbg.jpg)no-repeat center; border-radius:10px; text-align:center; }
.baslikalan h1      {  min-width: 350px;   padding: 0 50px; color: #fff; font-size: 32px; background:#ffffff12; font-family: 'Heading Now Trial 54'; text-transform: uppercase; width: max-content; margin: 0 auto; height: 90px; line-height: 90px; border-radius: 10px; transform: scaleY(0.6);}
.baslikalan h2      {  min-width: 350px;   padding: 0 50px; color: #fff; font-size: 32px; background:#ffffff12; font-family: 'Heading Now Trial 54'; text-transform: uppercase; width: max-content; margin: 0 auto; height: 90px; line-height: 90px; border-radius: 10px; transform: scaleY(0.6);}


header .mobilmenualan { border-radius:0px; display:none; }



.mobilmenualan { float:left; width:100%; position:relative; background:#ddd;background: #0b2a56; border-radius: 0px 0 10px 10px; display:none; }
.mobilmenualan a { float: left; max-width: 200px; margin: 10px 0 10px 10px;}
.mobilmenualan .menuikon { float:right; margin:40px 15px 0 0; }


section { float:left; width:100%; position:relative; }

.orta {   margin:0px 0; z-index:2 }

.anakutular         { padding:70px 15px; width:100%; position:relative; gap:30px; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.anakutular .kutu   { float:left; width:100%; width:100%;  position:relative; }
.anakutular .kutu a { float:left; padding:18px 15px; background:#fff;  width:100%; height:100%;  text-align: center; }
.anakutular .kutu a:hover i { box-shadow: 0px 4px 7px #0000003d; border-radius: 50%; }
.anakutular .kutu i {     display: block; width:66px; height:66px; border-radius:50%; line-height: 66px; margin:0 auto; background:#fff; box-shadow:0 3px 3px #00000020; }
.anakutular .kutu span {font-family: 'Open Sans Condensed'; float:left; width:100%;margin:15px 0px;font-size:16px;     line-height: 18px;  font-weight: 700;  color: #545454;  min-height: 36px;  justify-content: center; align-items: center; display: flex;}
.anakutular .kutu p { font-family: 'Hebrew';  float:left; width:100%; margin:0px; color:#545454; font-size:14px; font-weight:400; }






.secbaslik      { margin:0 0 50px 0; text-align: center; float:left; width:100%; position:relative; }
.secbaslik h2   { color:#000000;  font-family:'Heading'; font-size:48px;letter-spacing: -1.5px; float:left; width:100%; margin:5px 0 5px 0; padding:0px; text-transform:uppercase; transform: scaleY(0.7); }
.secbaslik span { font-family: 'Open Sans Condensed'; color:#484848; font-size: 15px; letter-spacing: 3px; }
.secbaslik h1 { font-family: 'Open Sans Condensed'; color:#484848; font-size: 15px; letter-spacing: 3px; }
.secbaslik p    { font-family: 'Hebrew'; width: 100%; margin: 0 auto; font-size: 14px; line-height: 18px; font-weight: 200; color: #484848; letter-spacing: 3px; max-width: 500px; }
.secbaslik.uydetay      { margin:0 0 40px 0;  }
.secbaslik.uydetay span { color:#a6a6a6; }
.secbaslik.uydetay h2   { letter-spacing: -1px;  font-size:24px; }
.secbaslik.uydetay p    { line-height:21px}



.homepro { float:left; width:100%; padding:0px 0 0px 0; margin:-125px 0 0 0; }



.homekategoriler { margin:0px 0 0px 0; padding:70px 0 70px 0; background:url(../images/homebg.jpg);  }

.anakategoriler { float:left;  width:100%; position:relative; display: flex;  flex-wrap: wrap; gap: 40px;justify-content: center;}
.anakategori    { float:left; width: calc(25% - 30px); padding:50px 30px 30px 30px; background:#ebebec; border-radius:10px; }
.anakategori a h2 { margin:5px 0 0 0; float: left; color:#545454; font-size:15px; font-weight:bold; width:calc(100% - 70px); font-family:'Aileron';  letter-spacing: 3px; word-wrap: break-word; white-space: normal; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.anakategori a:hover h2 { color:#005386; }


.anakategori .katgorsel { margin-bottom: 30px; float:left;  width:100%; }
.anakategori .katgorsel img { min-height:330px;max-height:330px; float:left;  width:100%; object-fit:cover; border-radius:10px; transition: .5s ease-in-out; }
.anakategori a:hover .katgorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }


.anakategori a .ubox  { padding:0 15px; margin:0px 0; float:left; width:100%; }
.anakategori a .ubox i { float: right; width:48px;  }
.anakategori a .ubox i img { max-width:100px; margin:0 auto }


.kategoriaciklama { float:left; width:calc(100% - 100px); margin:0 50px; padding:30px 100px 50px 100px; border:1px solid#ddd; border-radius:10px; text-align:center; }
.kategoriaciklama h3 { top: -60px; font-weight:bold; font-size:22px; margin:0px auto; max-width:460px; padding:0 70px; background:#fff; position:relative; text-align:center;  }



ul.kurumsaltabs { display: flex;  justify-content: center;  flex-wrap: wrap;  list-style: none;  padding: 0 15px; text-align: center; margin: 60px auto;}
ul.kurumsaltabs li{ padding:10px 60px; display: inline-block; border:2px solid#f0f1f1; background:#f0f1f1; cursor:pointer; }
ul.kurumsaltabs li.current { border:2px solid#ededed; background:#fff; }
ul.kurumsaltabs li h2 { font-size:13px; color:#545454; font-family:'Hebrew'; margin:0px; text-transform:uppercase; }
ul.kurumsaltabs li.current h2{ font-weight:bold; color:#000; font-family:'HebrewBold'; letter-spacing: 0.5px;}
.tab-content3{    display: none !important;    background: transparent; !important;}
.tab-content3.current{ display: block !important;  padding: 0px 15px;}

ul.kurumsaltabs.hh { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px;  list-style: none;    padding: 0; }
ul.kurumsaltabs a { flex: 1; padding:10px 10px; border:3px solid#f0f1f1; background:#f0f1f1; cursor:pointer; border-radius:5px; display: flex;    align-items: center;  justify-content: center;     min-height: 60px;}
ul.kurumsaltabs a h2 { font-size:13px; color:#545454; font-family:'Hebrew'; margin:0px; text-transform:uppercase; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  word-wrap: break-word;}
ul.kurumsaltabs a.active h2{ font-weight:bold; color:#000066; font-family:'HebrewBold'; letter-spacing: 0.5px;}
ul.kurumsaltabs a.active { border:3px solid#ededed; background:#fff; }

.kisadetay { font-size:22px; color:#000; margin-bottom:30px; float:left; width:100%; text-align: center; }

.kgorsel { margin-bottom:40px; float:left; width:100%; max-width:100% }

.kurumsaldetay { padding: 0 30px; font-size:17px; color:#737373; margin-bottom:60px; float:left; width:100%; text-align: center; }

.profesyonel { float:left; width:100%; }
.profesyonel h4 { text-align: center; line-height: 48px;font-size:16px; font-weight:bold; color: #000; width:193px; height:59px; margin:0 auto; background:url(../images/hbg.png) no-repeat;  }

.profesyonel ul { display: flex; justify-content: center;  flex-wrap: wrap;  list-style: none;  padding: 0;  text-align: center; margin: 0px auto;}
.profesyonel ul li { display: inline-block; }
.profesyonel ul li a { border-radius:50%; width:63px; height:63px; text-align:center; display: block; margin: 0 20px; line-height: 63px; box-shadow: 0px 0px 5px #00000024; }
.profesyonel ul li a:hover { box-shadow: 0px 0px 5px #00000054; }
.profesyonel ul li a img { border-radius:50%; }


.harita { padding: 70px 0 50px 0; float:left; width:100%; background:#ffffff;  }

ul.haritalartabs{list-style: none; padding: 0px; margin:0 0 10px 0; float: left; width:240px;}
ul.haritalartabs li{ float: left; width:50%; cursor: pointer; border-bottom:1px solid#ddd;}
ul.haritalartabs li.current2{ font-weight:bold; color:#000; }
.tab-content2          { display: none !important; float:left; width:100%; }
.tab-content2.current2 { display: inherit !important;  padding: 0px;}

.tab-content2 .ulkeler{ margin: 40px 0 0 0; float: left; width:230px; }
.tab-content2 .ulkeler p { text-transform: uppercase;  float: left; width:100%; color:#191919; font-family:'Aileron'; font-weight:400; font-size:14px; padding:0 0 0 0px; position:relative;margin:0 0 8px 0; }
.tab-content2 .ulkeler p img { width: 30px; float: left; margin:0 10px 0 0; }

.harita-alan        { float: left; position: relative; width:calc(100% - 235px); }
.harita-alan a      { position: relative; }
.harita-alan a.country:after      { background:url(../images/logo.png) no-repeat; width:20px; height:40px; content:''; position:absolute; left:0px; top:0px; z-index:2 }
.harita-alan:after { content:''; position: absolute; left: 0; bottom:0; width: 75px; height: 35px; background:#ffffff  }

.harita-sag         { float: left; width:235px; position: relative; }

.home-harita {    float: left;    width: 100%;    padding: 40px 0 40px 0;    margin: 0 0 -51px 0;    position: relative;    background: #f3f3f3;}

.aramasonucc { min-height:800px; }
.aramasonucc p { text-align:center; }
.arama-bilgi    { float: left; width: 100%; text-align: center; margin: 60px 0; }

.aramaliste { float: left; width: 100%; border-top:1px solid#ddd; border-bottom:1px solid#ddd; padding:20px 20px; margin:0 0 15px 0; }
.aramaliste a { float: left; width: 100%; }
.aramaliste a h2 { float:left; font-size:18px; color:#000; width:calc(100% - 70px); margin:0 0 10px 0; }
.aramasonucc .aramaliste a p  { float:left; font-size:16px; color:#737373; width:calc(100% - 70px);  margin:0px; line-height:19px; text-align:left; }
.aramaliste a i  { float:left; width:70px; text-align:left; }

.aramaliste a:hover h2, .aramaliste a:hover p  { color:#000066; }






.footer { float: left; width: 100%; position: relative;background: url(../images/fbg.jpg) no-repeat; background-size: cover;  padding:0px 0 0 0;}




.footerorta { padding:100px 0 20px 0; float: left; width: 100%; position: relative; overflow-x:hidden; }

.ortasol { float:left; width:350px; position:relative; }
.ortasol i { float:left; width:100%; margin:-20px 0 0px 8px; }
.ortasol i a img { width:185px; }
.ortasol span { float:left; width:100%; margin: 50px 0 0 40px; }

.ortasag {  float:left; width:calc(100% - 350px); position:relative; }
.ortasagmenuler { width: 100%; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 30px; padding: 0 0 0 0px;}
.ortasagmenuler .ortamenu { float:left; width:100%; }
.ortasagmenuler .ortamenu h4 { margin-bottom:20px; font-size:17px; font-weight:bold; color:#fff; float:left; width:100%; }
.ortasagmenuler .ortamenu ul { float:left; width:100%; margin:0px; padding:0px; list-style:none; }
.ortasagmenuler .ortamenu ul li { margin: 0 0 5px 0; float:left; width:100%; list-style:none; }
.ortasagmenuler .ortamenu ul li a { color:#ffffffc4; font-size:14px; float:left; font-family: 'Open Sans', sans-serif; }
.ortasagmenuler .ortamenu ul li a:hover { color:#ffffff; }


.ortasagmenuler .ortamenu:nth-child(2) ul li, 
.ortasagmenuler .ortamenu:nth-child(3) ul li, 
.ortasagmenuler .ortamenu:nth-child(5) ul li { margin:0 0 10px 0; }

.ortasagmenuler .ortamenu:nth-child(2) { padding: 0 0 0 30px; }
.ortasagmenuler .ortamenu:nth-child(4) { padding: 0 0 0 40px; }
.ortasagmenuler .ortamenu:nth-child(5) { padding: 0 0 0 70px; }


.ortasagmenuler .ortamenu { float:left; width:100%; padding: 0 0 0 0px; }



.fortaalt { margin:80px 0 20px 0; padding: 15px 20px 15px 30px;  float: right;  width: 800px; position: relative;  z-index: 2;  border: 1px solid #38b6ff;}



.footeralt { float:left; width:100%; position:relative; margin:50px 0 0px 0; z-index: 1; }

.footeralt .footeraltust { margin:0 0 20px 0; padding:0 0 20px 0; border-bottom: 1px solid#7482b361; float:left; width:100%; position:relative; }
.footeralt .footeraltust img { float:right; }
.footeralt .footeraltust .footeraltustsol { float:left; width:400px; }
.footeralt .footeraltust .footeraltustsol a.birnc { float:left; opacity:0.9; }
.footeralt .footeraltust .footeraltustsol a.birnc:hover { opacity:1 }
.footeralt .footeraltust .footeraltustsol p { float:left; width:100%; margin:5px 0 0 0; text-align: left; font-size:14px; color:#ffffffc4;  }

.footeralt .footeraltalt { float:left; width:100%; position:relative; }


.footeralt .footeraltsol { padding:0px 0 0 0; float:left; width:40%;  }
.footeralt .footeraltsol p { font-family: Open Sans Condensed;  margin: 0px; text-align: left; font-size:14px; color:#ffffff; }
.footeralt .footeraltsol span { margin: 0px; text-align: left; font-weight:bold;font-size:15px; color:#ffffff; }


.footer .altsosyal { margin: 0px 0px 0px 0px; padding: 0px 0px; gap:28px; float:left; display:flex; text-align:center;    position: relative; }
.footer .altsosyal a { font-size: 20px; color:#ffffffc4; }
.footer .altsosyal a:hover { color:#ffffff; text-decoration:none; }



.footeralt .msozlesmeler   { margin:6px 0 0 0; float: right; position:relative;  }
.footeralt .msozlesmeler a {     font-weight: 400;    font-size: 13px;  float: left; line-height: 14px; color: #ffffffc4;    margin: 0 19px 0 0;    border-right: 1px solid #7e7e7e6b; padding: 0px 19px 0 0;}
.footeralt .msozlesmeler a:hover { color:#ffffff; text-decoration:none; }
.footeralt .msozlesmeler a:last-child { border:none; padding:0px; margin:0px; }




.hata { padding: 100px 0; margin:0px 0 50px 0; float:left; width:100%; text-align:center; }



.iletisimsayfa { min-height: 700px; padding:0 0 100px 0; background: rgb(245,245,245); background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%); }

.iletisimalan { background:transparent; padding:55px; border:1px solid#eeeeee; border-radius:10px; float:left; width:100%; position:relative; }
.iletisimalan iframe { border:0px;  }

.iletisimalan .itel       { padding: 0px 0 0 0; float:left; width:100%; height:80px; margin:0 0 12px 0; }
.iletisimalan .itel i     { padding: 0px 0 0 0; float:left; width:100px; height:60px; text-align:left; }
.iletisimalan .itel:hover i img { box-shadow: 0px 4px 7px #0000003d; border-radius: 50%; }
.iletisimalan .itel span  { float:left; width:calc(100% - 100px); font-size: 18px; color:#0c0c0c; font-weight:700; font-family:'Open Sans Condensed'; padding: 0 0 10px 0; border-bottom: 2px solid #e0e0e0;}
.iletisimalan .itel p     { margin: 5px 0 0 0px; float:left; width:calc(100% - 100px); font-size: 12.5px; line-height: 12px; color:#898989; font-family: 'Glacia';}
.iletisimalan .imail      { display: flex; flex-direction: column; gap:10px; float:left; width:100%; height:210px; margin:0 0 0px 0; background:#ffffff; text-align: center;}
.iletisimalan .imail i    { float:left; width:100%; }
.iletisimalan .imail span { float:left; width:100%; font-size: 18px; color:#000000; font-weight:bold; }

.iletisimalan .itel:last-child { margin:0px; }


.iletisimalan .adresalan { display: flex; flex-direction: column; gap:50px; padding: 0 50px; float:left; width:100%; height:450px; background:#0d5572; text-align: center;}

.iletisimalan .adresalan span b {  font-size: 23px; color:#ffffff; font-weight:900; letter-spacing:0px; }
.iletisimalan .adresalan span { font-size: 18px; color:#ededed; font-weight:bold; letter-spacing:1px;  }
.iletisimalan .adresalan p { font-size: 19px; color:#ededed; font-weight:400;  }









.iletisim-header a.geri  { float: right; margin: 0px 0 0 0; position: absolute; right: 60px; top: 45px; }


.haritaalan      { float:left; width:100%; margin:40px 0; border-radius:10px; }
.haritaalan iframe { border:0px; max-height:300px; width:100%; border-radius:10px; }

.iletisimform         { background:url(../images/formbg.jpg)repeat; padding:55px; max-width:1080px; float:left; width:100%; border-radius:10px; }
.iletisimform .formbaslik { margin-bottom: 45px; float:left; width:100%; position:relative; }
.iletisimform h4      { color: #595959; font-size:16px; font-weight:600;  margin-bottom: 55px;text-transform: uppercase;}
.iletisimform h3      { color: #000000; font-size:28px; letter-spacing: -1px; font-weight: 900;  margin-bottom:5px;  line-height: 38px; text-transform: uppercase;}
.iletisimform span    { color: #6d6f73; font-size: 18px;  font-weight: 400;}


.iletisimform form { float:left; width:100%; margin:0 0 0px 0; }
.iletisimform input     { border-radius:10px; font-family:'HebrewBold'; margin:0 0 30px 0; text-align: center; background: #ffffff; width: 100%; float: left; border:0px; padding:20px;font-size: 15px; color: #828282;}
.iletisimform input.ad  { background: #ffffff url(../images/ad.jpg)no-repeat 24px 24px; }
.iletisimform input.email{ background: #ffffff url(../images/maili.png)no-repeat 24px 24px; }

.iletisimform textarea  { border-radius:10px; font-family: 'HebrewBold'; width: 100%; border:0px; padding:80px 0 0 50px;color: #454545;font-size: 14px;resize: none;  height:175px;  text-align: left;}
.iletisimform textarea::-webkit-input-placeholder { top: 45%; left: 50px; color: #454545;font-size: 14px;font-weight: 400;text-align: left;position: absolute; }

.formlar input.iti__search-input { float:none; margin-bottom:0px; padding:3px 0; font-size:14px; }


.gonder         { border-radius: 5px; margin: 40px 0 0 0px; background: #039be5; color: #ffffff; font-size: 14px;    font-weight:bold;    padding: 10px 0;    width: 100%; border:0px;}
.gonder:hover   { background: #005386; }


.iletisimform input:focus, 
.iletisimform input:hover,
.iletisimform textarea:focus, 
.iletisimform textarea:hover {  outline: none;}


.iletisimform .isaretle { display:flex; flex-direction: column; gap:0px; width:100%; margin:25px 0 0 30px; justify-content: space-between; }

.iletisimform .checkcontainer2 { letter-spacing:0px; font-optical-sizing:auto;  color:#5e5e5e; font-size:12px;font-weight:400;padding-top:0px; display: block;position: relative;padding-left: 20px;margin-bottom:5px;cursor: pointer;-webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;  user-select: none;}
.iletisimform .checkcontainer2 input { position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.iletisimform .checkmark2 { position: absolute !important;top:1px !important;left: 0% !important;height: 16px !important;width: 16px !important;background-color: #fff !important;border: 1px solid #dcdcdd;padding: 0;}
.iletisimform .checkcontainer2:hover input ~ .checkmark2 { background-color: #2f3034;}
.iletisimform .checkcontainer2 input:checked ~ .checkmark2 { background-color: #2f3034;}
.iletisimform .checkmark2:after {content: "";position: absolute;display: none;}
.iletisimform .checkcontainer2 input:checked ~ .checkmark2:after {display: block;}
.iletisimform .checkcontainer2 .checkmark2:after { left: 3px; top: 3px;  width: 8px;  height: 6px; border: solid #039be5;  border-width: 4px;}
.iletisimform .checkcontainer2 a { letter-spacing:0.5px; color: #000000; font-size:12px; font-weight:600; text-decoration:none; }

.iletisimform .iradio { float:left; width:50%; margin: 8px 0 0 0; position:relative; max-height: 30px;  min-height: 30px;}
.iletisimform .iradio { display: block;position:relative; padding-left:0px; margin-bottom: 0; cursor: pointer; -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    color: #000000;    font-size: 11px;    font-weight:600;    padding-top: 3px;}
.iletisimform .iradio input { position: absolute;    opacity: 0;    cursor: pointer;    height: 0;    width: 0;}

.iletisimform .iradio label {  padding-left:20px; position: relative; z-index: 2; cursor: pointer; }
.iletisimform .checkmark4 { position: absolute !important;top:5px !important;left: 0% !important;height: 14px !important;width: 14px !important;background-color: #fff !important;border: 1px solid #dcdcdd; padding: 0;}
.iletisimform .iradio:hover input ~ .checkmark4 { background-color: #2f3034;}
.iletisimform .iradio input:checked ~ .checkmark4 { background-color: #2f3034;}
.iletisimform .checkmark4:after { content: "";  position: absolute; display: none; }
.iletisimform .iradio input:checked ~ .checkmark4:after { display: block;}
.iletisimform .iradio .checkmark4:after { left: 1px;top: 1px;width: 5px; height: 10px;border: solid #2f3034;    border-width: 5px;}



.fs19           { font-size: 19px !important; font-family: 'Source Serif 4', serif !important;}
.fs9            { font-size: 9px !important; font-family: 'Source Serif 4', serif !important;}



.sayfalama { width: 100%;  text-align: center; margin-top:0px; }
.sayfalama a, .sayfalama strong { color:#005386;  display: inline-block;   margin: 0 5px;   width:25px; height:25px; line-height: 24px; font-size: 12px; border-radius:3px;   border: 1px solid#f0f0f0;     text-decoration: none;     transition: background-color 0.3s ease; }
.sayfalama a.det { background:#9fa3ab; color:#fff; }
.sayfalama a:hover {    background-color: #00a0e3; border: 1px solid#00a0e3; color:#fff; }
.sayfalama strong {    border: 1px solid#00a0e3;    background-color: #00a0e3;     color: #fff;}




.ysection:before { right:50px; top:0; width:81px; height:466px; object-fit: contain; background: url(../images/ekonn.png) no-repeat; content:''; position:absolute; z-index:1; }




.genelblog { margin: 100px 0; padding: 0 50px;float:left; width:100%; position:relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:50px; }
.genelblog a { float:left; width:100%; min-height:255px; background:#fff; border-radius:15px; box-shadow:-5px 5px 11px -5px rgba(0, 0, 0, 0.1); position: relative;}
.genelblog a:before { left: 40px; top: -10px; width:33px; height: 31px; content:''; position:absolute; background:url(../images/before.png) no-repeat; z-index: 2;}
.genelblog a:after  { right:50px; bottom:60px;   width:36px; height: 25px; content:''; position:absolute; background:url(../images/after.png) no-repeat; z-index: 2; transition-duration: .3s;}
.genelblog a:hover:after { right:45px; } 
.genelblog a .blogbox       { padding: 0 50px 0 42px; margin: 75px 0 0 0; min-height: 135px; float:left; width:100%; text-align:left; position:relative; }
.genelblog a .blogbox h3    { font-family: 'Aileron'; color:#000000; font-size:17px; font-weight: normal; margin:0px; min-height: 70px; float: left; width:100%; }
.genelblog a .blogbox span  { margin:0px 0 0 0; float: left; color:#8d8d8d; font-size: 13px; font-weight:400; width:100%; font-family:'Hebrew'; position: absolute; left: 42px; bottom: 18px;}

.genelblog a:hover { box-shadow:-5px 5px 11px -5px rgba(0, 0, 0, 0.3); }




.blog-detay-header { margin-bottom: 70px; padding:0px 0; float:left; width:100%; }

.blogheaderic               { display:flex; background:#fafafa; position: relative; }
.blogheaderic .icsol        { width:40%; position: relative; float: left; padding: 50px; text-align:center; display: flex; flex-direction: column; height: 100%; min-height: 500px; justify-content: center; }
.blogheaderic .icsol span   { font-family:'Hebrew'; font-size:13px; color:#898989; width:100%;margin-bottom: 15px; }
.blogheaderic .icsol h2     { font-family:'Aileron-Bold'; font-size:26px; line-height:24px; color:#000000; width:100%; }
.blogheaderic .icsol .detaykisa { margin:50px 0; font-size:14px; color:#545454; width:100%; }


.blogheaderic .icsag        { width:60%; position: relative; }





.blogdetayslider { padding: 0 0 0 60px; float:left; width:100%; max-height:530px; margin:0px 0; position:relative; }
.blogdetayslider .owl-item {  opacity: 0.3; }
.blogdetayslider .owl-item.active  {  opacity:1; }
.blogdetayslider .owl-item img { width:100%; max-height:530px; max-width:900px; object-fit:cover; margin: 0 auto; }


.blogdetayslider.owl-carousel .owl-dots {display: flex;    justify-content: center;    align-items: center;    margin-top: 0px;    position: absolute;    left: 0px;    top: 0;  flex-direction: column;  width: 60px;    height: 100%; padding: 0 0 70px 0;}
.blogdetayslider.owl-carousel .owl-dot {display: flex; align-items: center;  justify-content: center; transition: all 0.3s ease;  width: 60px;  flex: 1; background: url(../images/dotbg.png) no-repeat right top; color: #9f9f9f;    font-size: 18px;}
.blogdetayslider .owl-dot:first-child { background:none; }
.blogdetayslider .owl-dot.active { font-weight:bold;color: #5c5c5c;}
.blogdetayslider .owl-dot:hover {  cursor: pointer;}
.blogdetayslider .owl-dot::before {  counter-increment: section;  content: counter(section);}
.blogdetayslider .owl-dots {  counter-reset: section;}


.blogurunler.owl-carousel { float:left; }


.blogdetay { text-align: center; float:left; width:100%; margin:0px 0; color:#737373; font-size:16px; }
.blogdetay h1,
.blogdetay h2,
.blogdetay h3,
.blogdetay h4,
.blogdetay h5 { color:#000; }
.blogdetay2 { margin: 60px 0; padding:50px; background:#f8f8f9; float:left; width:100%; position:relative; border-radius:10px; color:#737373; font-size:16px; }


.blogkategori    { float:left; width:100%; padding:50px 30px 30px 30px; background:transparent; border:2px solid#ebebec; border-radius:10px; }
.blogkategori a h2 { margin:5px 0 0 0; float: left; color:#545454; text-align: right; font-size:12px; font-weight:bold; width:calc(100% - 70px); font-family:'Aileron';  letter-spacing: 3px; word-wrap: break-word; white-space: normal; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.blogkategori a:hover h2 { color:#005386; }


.blogkategori .katgorsel { margin-bottom: 5px; float:left;  width:100%; }
.blogkategori .katgorsel img {min-height: 200px;max-height: 200px;float:left;width:100%;object-fit:cover;border-radius:10px;transition: .5s ease-in-out;}
.blogkategori a:hover .katgorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }


.blogkategori a .ubox  { padding:0 15px; margin:0px 0; float:left; width:100%; }
.blogkategori a .ubox i { float: right; width:48px;  }
.blogkategori a .ubox i img { max-width:31px; margin:0 auto }

.blogurunler.owl-carousel .owl-nav { position: absolute; top: 45%; left: 0px; width:100%; }


.blogurunler.owl-carousel .owl-nav .owl-prev { position: absolute; left: -70px; width: 40px; height: 40px; background: #fff; border-radius: 50%;box-shadow: 0 0 2px #00000021;}
.blogurunler.owl-carousel .owl-nav .owl-next { position: absolute; right: -70px; width: 40px; height: 40px; background: #fff; border-radius: 50%;box-shadow: 0 0 2px #00000021;}
.blogurunler.owl-carousel .owl-nav .owl-next span, .blogurunler.owl-carousel .owl-nav .owl-prev span { color: #00a0e3; font-size:45px;  top: -18px;  position: relative;}


.digerblog { margin: 60px 0  60px 0; padding: 0 50px;float:left; width:100%; position:relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:50px; justify-items: center; }
.digerblog .blog   { float:left; width:100%; }
.digerblog .blog a { float:left; width:100%; min-height:255px; background:#fff; border-radius:15px; box-shadow:-5px 5px 11px -5px rgba(0, 0, 0, 0.1); position: relative;}
.digerblog .blog a:before { left: 40px; top: -10px; width:33px; height: 31px; content:''; position:absolute; background:url(../images/before.png) no-repeat; z-index: 2;}
.digerblog .blog a:after  { right:50px; bottom:60px;   width:36px; height: 25px; content:''; position:absolute; background:url(../images/after.png) no-repeat; z-index: 2; transition-duration: .3s;}
.digerblog .blog a:hover:after { right:45px; } 
.digerblog .blog a .blogbox       { padding: 0 50px 0 42px; margin: 75px 0 0 0; min-height: 135px; float:left; width:100%; text-align:left; position:relative; }
.digerblog .blog a .blogbox h3    { font-family: 'Aileron'; color:#000000; font-size:17px; font-weight: normal; margin:0px; min-height: 70px; float: left; width:100%; }
.digerblog .blog a .blogbox span  { margin:0px 0 0 0; float: left; color:#8d8d8d; font-size: 13px; font-weight:400; width:100%; font-family:'Hebrew'; position: absolute; left: 42px; bottom: 18px;}

.digerblog .blog a:hover { box-shadow:-5px 5px 11px -5px rgba(0, 0, 0, 0.3); }



.digerblogg { padding: 0 0 50px 0; background: rgb(245, 245, 245);
    background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 100%); }
.digerblogg h4 { margin-top:60px; float: left; color:#2e2d2d;font-family:'Aileron-Bold'; font-size:22px;  width: 100%; text-align: center; }

.digerblog:has(.blog:nth-child(2):last-child) {grid-template-columns: 1fr 1fr;}

.digerblog:has(.blog:only-child) { grid-template-columns: 1fr;   justify-items: center;}




.blogdetayorta { float:left; width:100%; }





.blogdetay { float:left; width:100%; margin:0px 0; }



.homepro.blogdetay2 { margin:50px 0 70px 0;}



/* sss */

.referanshead { display: grid; grid-template-columns: repeat(3, minmax(50px, 1fr));   justify-content: center;    align-content: center;  text-align: center;   min-height: 500px;    padding: 20px;    margin: 0 auto;    box-sizing: border-box;}


.logo-grid {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 1px;    background-color: #e7e7e7;    max-width: 1200px;    margin: 0 auto;     justify-content: center;    align-content: center;  text-align: center;   min-height: 500px; box-sizing: border-box;}

.logo-item {    display: flex;    justify-content: center;    align-items: center;    background-color: #f5f5f5;    padding: 0px;    min-height: 100px;    min-width: 100%;}

.logo-item:empty { background-color: #f5f5f5;}

.logo-item img {    max-width: 100%;    height: auto;    object-fit: contain;}

.logo-grid::after {    content: "";    grid-column: auto / span 2;    background-color: #f5f5f5;}



.headsayfalar { display: grid;    grid-template-columns: repeat(2, 200px);    gap: 20px;    justify-content: center;    align-content: center;     min-height: 500px;    padding: 20px;    margin: 0 auto;    box-sizing: border-box;}
.headsayfalar a { display: flex; align-items: center; justify-content: center;  background-color: #fff;    font-size: 15px; color:#545454;    padding: 30px;    border-radius: 8px;    text-align: center;    flex: 1 1 200px;    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);    transition: transform 0.2s ease;    cursor: pointer;}
.headsayfalar a:hover, .headsayfalar a.aktif { background: #0080cf; color:#fff; font-weight:bold;}
.blog-header a.asagi{ position: absolute; right: 0px; top: 40%;  cursor: pointer; }

.faq-container  { width:100%; max-width:1050px; position:relative; margin:0 auto; }
.ssssayfa       { padding:100px 0px 0 0px; float:left; width:100%; position:relative; }
.ssssayfa h3    { font-size: 24px; color:#000000; font-weight:bold; float:left; width:100%; text-align:center; }
.ssssayfa h5    { font-size: 19px; color:#000000; font-weight:bold; float:left; width:100%; text-align:left; margin-bottom: 20px; }

.ssssayfa .panel-group { float:left; width:100%; position:relative; margin-bottom:50px; }

.ssssayfa .panel-group .panel { float:left; width:100%;  }

.ssssayfa .panel-default>.panel-heading { padding:0 0 15px 0; margin:0 0 15px 0; border-bottom:1px solid#ddd; }
.ssssayfa .panel-default>.panel-heading a { position: relative; font-size: 16px; font-weight:normal;   text-decoration: none; color: #545454;  display: block;  padding:0px 20px 0px 0px;}


.ssssayfa .panel-default>.panel-heading h4 { margin:0px; }
.ssssayfa .panel-default>.panel-heading a:after {  content: "";  position: relative;  top: 1px;  display: inline-block;  font-family: 'Glyphicons Halflings';  font-style: normal;  font-weight: 400;  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  float: right;  transition: transform .25s linear;  -webkit-transition: -webkit-transform .25s linear}
.ssssayfa .panel-default>.panel-heading a[aria-expanded="true"]:before { background:#039be5;  }
.ssssayfa .panel-default>.panel-heading a[aria-expanded="false"]:before { background:#039be5;  }
.ssssayfa .panel-default>.panel-heading a[aria-expanded="true"]:after {  content: "\2212";  -webkit-transform: rotate(180deg);  transform: rotate(180deg); color: #039be5;}
.ssssayfa .panel-default>.panel-heading a[aria-expanded="false"]:after {  content: "\002b";  -webkit-transform: rotate(90deg);  transform: rotate(90deg); color: #039be5;}
.ssssayfa .accordion-option {  width: 100%;  float: left;  clear: both;  margin: 15px 0;}
.ssssayfa .accordion-option .title {  font-size: 18px;  font-weight: bold;  float: left;  padding: 0;  margin: 0;}
.ssssayfa .accordion-option .toggle-accordion {  float: right;  font-size: 16px;  color: #6a6c6f;}
.ssssayfa .panel-default .panel-body  { padding: 0px 60px 0 0; font-size: 15px; line-height: 19px; font-weight:400;   text-decoration: none; color: #000; margin-bottom:30px; }






.iksfoto { float:right; }





.filterbutonlar { margin-bottom: 25px; border-bottom:1px solid#ebebeb; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); justify-content: center; padding:0 100px; }
.filterbutonlar .item { text-align: center; font-size: 15px; font-weight: 700;font-family: Open Sans Condensed; color: #6d6f73; border: none; cursor: pointer; padding:0 10px; }

.filterbutonlar .item.aktif { color:#005386; font-weight:700; font-size:17px; position:relative; }
.filterbutonlar .item.aktif:after { left:0px; bottom:-2px; width: 100%; height:3px; content:''; background:#005386; position:absolute; }


.refeicerikler { display: grid; grid-template-columns: repeat(2, minmax(150px, 1fr)); gap: 50px; }

.refeicerikler .reftek { display: grid; grid-template-columns: repeat(2, minmax(150px, 1fr)); gap:0px; background:#f7f9fa; }

.refeicerikler .reftek .reftekicerik    { padding:50px 10px 50px 50px;position: relative; }
.refeicerikler .reftek .reftekicerik em { float: left; width: 100%; color:#828282; font-size:13px; font-family: Open Sans Condensed; font-style:normal; }
.refeicerikler .reftek .reftekicerik h3 { margin: 60px 0 0 0; float: left; width: 100%; color:#000; font-size:22px; font-weight:bold;  }
.refeicerikler .reftek .reftekicerik span  { float: left; width: 100%; color:#828282; font-size:16px; font-family: Open Sans Condensed; font-style:normal; }
.refeicerikler .reftek .reftekicerik p  { position:absolute; left: 50px; bottom: 50px; color:#a5a5a5; font-size:16px; font-family: Open Sans Condensed; font-style:normal; margin:0px; font-weight: 700;}

.reftekresim { position:relative; }
.reftekresim:before {  left:-1px; top:40%; content: '';  display: inline-block;  background: url(../images/rr.png) no-repeat; width:27px; height:53px; z-index:2; position:absolute; }
.refeicerikler .reftek img { width:100%; max-height:325px; min-height:325px; object-fit:cover; }


/* Kategoriler */


.kategori-liste     { list-style: none; padding: 0; margin: 0;}
.kategori-akordiyon { margin-bottom: 5px;}
.kategori-icerik    { max-height: 0; overflow: hidden; transition: 0.4s ease-in-out, padding 0.4s ease-in-out;    padding-left: 10px;    padding-top: 0;    padding-bottom: 0;}
.kategori-baslik    { background: none; border: none; font-size: 16px;    cursor: pointer;    display: flex;    align-items: center;}
.kategori-baslik i  { margin-left: 5px; transition: transform 0.3s ease-in-out;}
.kategori-akordiyon.acik .kategori-icerik   { max-height: 1000px;    padding-top: 5px;    padding-bottom: 5px;}
.kategori-akordiyon.acik .kategori-baslik i { transform: rotate(180deg);}
.alt-kategori       { list-style: none;    padding-left: 15px;}
.alt-kategori li    { margin-bottom: 3px;}










.genelkategoriler .anakategori a h2 { margin:0 0 20px 0 }
.genelkategoriler.kkkdetay  .anakategori a h2 { letter-spacing: 3px;  word-wrap: normal;  white-space: normal;  display: block;  -webkit-line-clamp: 4;  -webkit-box-orient: vertical; }

.genelkategoriler.kkkdetay .anakategori a .ubox { padding: 0 0px; }




.kategori { float:left; width:100%; position:relative; margin-bottom:30px;  }
.kategori a .kategorigorsel { float:left; width:100%; margin:0px; min-height:305px;max-height:305px; overflow: hidden; border-radius:11px; border: 2px solid #fff; }
.kategori a:hover .kategorigorsel{ border: 2px solid #039be5; }
.kategori a .kategorigorsel img {width:100%; min-height:305px;max-height:305px; object-fit:cover; transition: .5s ease-in-out; border-radius:10px; }
.kategori a:hover .kategorigorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.kategori a  { position: relative; float:left; width:100%; text-align:center;  }
.kategori a h2 { color:#282828; font-size:18px; font-weight: 700; margin:25px 0 0 0; float: left; width:100%; text-transform:uppercase; }
.kategori a:hover h2  { color:#000000; font-weight: 700;  }




.kategorilerdetay {  float:left; width:100%; position:relative; }
.kategorilerdetaysol { padding: 0 0 0 30px; float: left; width: 100%; display: grid; grid-template-columns: repeat(3, minmax(50px, 1fr)); gap: 30px;  }

.iletisim-header2 { margin:50px 0; float: left; width: 100%; }
.iletisim-header2 .bread { float: left; width: 100%; margin-bottom:50px }
.iletisim-header2 .bread ul      { padding:0px; margin:0px; list-style:none; display: flex;  justify-content: center; }
.iletisim-header2 .bread ul li   { font-family:'Hebrew'; color: #737373; font-size: 15px; font-weight: normal; margin:0 5px; padding:0 5px; line-height:15px; position: relative;}
.iletisim-header2 .bread ul li:before { left:-5px; top:0px; width:1px; height:14px; background:#737373; content:''; position:absolute; }
.iletisim-header2 .bread ul li:first-child:before { display:none; }
.iletisim-header2 .bread ul li a { font-family:'Hebrew'; color: #737373; font-size: 15px; font-weight: normal;}
.iletisim-header2 .bread ul li:last-child { color:#00a0e3; }

.iletisim-header2 p { margin:0 auto; max-width:795px; width:100%; font-size:17px; color:#545454; text-align:center; }





.urunliste { float:left; width:100%; position:relative; margin-bottom:30px;  }
.urunliste a .urunlistegorsel { float:left; width:100%; margin:0px; min-height:280px;max-height:280px; overflow: hidden; border-radius:11px; border: 2px solid #fff; }
.urunliste a:hover .urunlistegorsel{ border: 2px solid #039be5; }
.urunliste a .urunlistegorsel img {width:100%; min-height:280px;max-height:280px; object-fit:cover; transition: .5s ease-in-out; border-radius:10px; }
.urunliste a:hover .urunlistegorsel img {     -webkit-transform: scale(1.05);     transform: scale(1.05); }
.urunliste a  { position: relative; float:left; width:100%; text-align:center;  }
.urunliste a h2 { color:#282828; font-size:18px; font-weight: 700; margin:25px 0 0 0; float: left; width:100%; text-transform:uppercase; }
.urunliste a:hover h2  { color:#000000; font-weight: 700;  }


.urunler             { margin-bottom:70px; float: left; width: 100%; position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:40px; row-gap: 60px; }
.urunler .urun       { float:left; width:100%; }
.urunler .urungorsel { float:left; width:100%; height:410px; background:#e2e3e6; overflow:hidden; position:relative; }
.urunler .urungorsel:before { left:40px; top:40px; background:url(../images/zoom.png)no-repeat; width:66px; height:66px; position:absolute; content:''; }
.urunler .urungorsel a { float:left; width:100%; }
.urunler .urungorsel a img { float:left; width:100%; height:410px; object-fit:cover; transition: .5s ease-in-out;  }
.urunler .urungorsel a:hover img { transform:scale(1.05); }


.urunler .urun-aciklama     { float:left; width:100%; margin: 15px 0 0 0; }
.urunler .urun-aciklama h2  { float:left; width:calc(100% - 250px); margin: 0 0 15px 0; }
.urunler .urun-aciklama h2 img { max-width:115px; object-fit:contain; }
.urunler .urun-aciklama p   { padding: 0 50px 0 0; font-weight:400; font-size: 14px; float:left; width:calc(100% - 250px); }
.urunler .urun-aciklama a   { float: left;    border: 2px solid #000;    color: #000;  font-size: 14px; font-weight:bold; padding: 10px 40px;    margin: -10px 0 0 0; }
.urunler .urun-aciklama a:hover { background:#000; color: #ffffff; }




.urundetayust {float: left; width: 100%; padding: 0 0 0px 0; }

.urundetaysol{   float: left; width: 600px; background:#f2f3f3; border-radius:10px; position: relative; }
.urundetaysol:before { right:25px; bottom:25px; background:url(../images/zoom.png)no-repeat; width:31px; height:31px; position:absolute; content:''; }
.urundetaysol img { width:100%; height:600px; object-fit:cover; border-radius:10px;  }
.urundetaysol .zoomImg { background:#f2f3f3; }

.urundetaysag { float:right; width:calc(100% - 650px); }

.urundetaysag #st-1 { text-align:left; }

.urundetaysag ul      { width: 100%; list-style:none; display: flex; flex-wrap: wrap; justify-content: left; border-bottom:1px solid#ddd; margin:20px 0 50px 0; padding:0 0 15px 0; }
.urundetaysag ul li   { color: #12607f; font-size: 12px; font-weight: 500; margin: 0 10px 0px 0px; white-space: nowrap; text-align: left; position: relative; float: left; padding: 0 10px 0 0px; line-height: 12px;} 
.urundetaysag ul li a { color: #646363; font-size: 12px; font-weight: 500; }
.urundetaysag ul li a:hover { color: #00a0e3; }
.urundetaysag ul li:before { left: -10px; top: 0px;  width: 1px;  height: 12px;  background: #737373; content: '';  position: absolute; }
.urundetaysag ul li:first-child:before { display:none; }
.urundetaysag ul li:last-child { color: #00a0e3;}

.urundetaysag h2   { margin:0px; font-family:'Aileron-Bold'; color:#000; font-size:22px; float: left; width: 100%; }
.urundetaysag span { font-family:'Open Sans Condensed'; color:#00a0e3; font-size:16px; float: left; width: 100%; letter-spacing: 2px; }

.urundetaysag .urunkisa { float: left; width: 100%; margin:50px 0; color:#545454; font-size:16px; }


.urunaltaciklama { float:left; width:100%; margin:0 0px; padding:30px 100px 50px 100px; border:1px solid#ddd; border-radius:10px; text-align:center; }
.urunaltaciklama h3 { top: -60px; font-weight:bold; font-size:22px; margin:0px auto; max-width:460px; padding:0 70px; background:#fff; position:relative; text-align:center;  }


.urunaltaciklama table { margin:50px 0;  border: 1px solid#ddd; width: 100%; }
.urunaltaciklama table tbody tr:nth-of-type(odd) { background:transparent;}
.urunaltaciklama table tr {  border: 0px;  padding: .35em;}
.urunaltaciklama table td { text-align: left; padding: 12px 40px;  color: #737373;  font-size: 14px;  font-weight: 500;  border: 1px solid #ededed; vertical-align: middle;}
.urunaltaciklama table th { text-align: left; padding: 15px 40px;font-size: 16px; text-transform: uppercase; border: 1px solid #ededed; color: #000000; font-weight: 700;text-align: left;background: #f1f1f1;}









ul.tabs{display: flex;  flex-direction: column;    gap: 25px;    list-style: none;   padding: 0px;    margin: 0px;    float: right;    width: 140px;}
ul.tabs li{ border-radius:10px;    width: 100%;    max-height:125px;    min-height: 125px;    object-fit: cover;    cursor: pointer;    background: transparent;    border:2px solid#f3f6f7;}
ul.tabs li img{ border-radius:10px;width: 100%;    max-height: 121px;    min-height: 121px;    object-fit: cover;    cursor: pointer;    background: transparent;}
ul.tabs li.current{ border:2px solid#039be5;    color: #222 !important;}
.tab-content{    display: none !important;    background: #ededed !important;}
.tab-content.current{ display: inherit !important;  padding: 0px;}


.referanslargenel{ float: left; width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));  gap: 30px; }

.referanslargenel.tam{ float: left; width: 100%; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr));  gap: 0px; }
.referanslargenel.tam .reflogolar { max-width: 100%; }
.referanslargenel.tam .reflogolar ul .grup { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));}

.referanslargenel.tam .reflogolar ul .grup li:nth-child(6) { border-right:none; }
.referanslargenel.tam .reflogolar ul .grup li:nth-child(3) {border-right:1px solid#e5e5e5; }

.referanslargenel.tam .gallery-container { columns: 4; }


.refbaslikalan { float:left; width:100%; position:relative; }
.refbaslikalan ul { display: flex;  justify-content: center;    flex-wrap: wrap;    list-style: none;    padding: 0 15px;    text-align: center;    margin: 60px auto;}

.refbaslikalan ul li{ padding:10px 60px; display: inline-block; border:2px solid#f0f1f1; background:#f0f1f1; }
.refbaslikalan ul li.current { border:2px solid#ededed; background:#fff; }
.refbaslikalan ul li h2 { font-size:13px; color:#545454; font-family:'Hebrew'; margin:0px; text-transform:uppercase; }
.refbaslikalan ul li.current h2{ font-weight:bold; color:#000; font-family:'HebrewBold'; letter-spacing: 0.5px;}



.gallery-container { columns: 3; column-gap: 15px; max-width: 100%; margin: 0 auto;}
.gallery-item      { break-inside: avoid; margin-bottom: 15px; overflow: hidden;}
.gallery-item img  { width: 100%; height: auto; display: block; transition: transform 0.3s ease;}
.gallery-item:hover img { transform: scale(1.02);}


@media (max-width: 991px) {
    .gallery-container { columns: 3; }
    .referanslargenel.tam .gallery-container { columns: 3;}
}

@media (max-width: 576px) {
    .gallery-container { columns:2; }
    .referanslargenel.tam .gallery-container { columns:2;}
}



.reflogolar { background:#f5f5f5; padding:15px 45px; max-width:1080px; float:left; width:100%; border-radius:10px;  }

.reflogolar ul { float: left; width:100%; position:relative; padding:0px; margin:0px; list-style:none; }
.reflogolar ul .grup { display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); }
.reflogolar ul .grup li { border-right:1px solid#e5e5e5; border-bottom:1px solid#e5e5e5; }
.reflogolar ul .grup li:nth-child(3) { border-right:none; }
.reflogolar ul .grup:last-child li { border-bottom:none; }
.reflogolar ul li { float:left; width:100%;     display: flex; justify-content: center;}
.reflogolar ul li img  { float:left; max-width:100%; min-height:125px; max-height:125px; transition: .5s ease-in-out;  }
.reflogolar ul li:hover img {  -webkit-transform: scale(1.05);     transform: scale(1.05); }


.tooltip-inner { background-color:#000066 !important; color: white !important; font-weight: bold; font-size: 14px; padding:5px 12px; }
.bs-tooltip-top .tooltip-arrow::before { border-top-color: #000066 !important; }
.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: #000066 !important; }
.bs-tooltip-start .tooltip-arrow::before { border-left-color: #000066 !important; }
.bs-tooltip-end .tooltip-arrow::before { border-right-color: #000066 !important; }















@media screen and (max-width: 690px) {
  .sabitmenu { display:none; }
}





.mobillogo a img { max-width:150px; }

.mm-close.mm-btn { background:url(../images/close.png)no-repeat; width:30px; height:30px; top: 9px; }
.mm-close.mm-btn span, .mm-close.mm-btn:before, .mm-close.mm-btn:after { font-size:0px; width:0px; height:0px; opacity:0; display:none; }






.Animation_easeIn__CyHCd {
    animation: Animation_easeInAnimation__TDWyB .75s cubic-bezier(.5,.35,.15,1);
    animation-fill-mode: forwards;
    opacity: 0
}

.Animation_easeInInitial__T99h_ {
    opacity: 0
}

@keyframes Animation_easeInAnimation__TDWyB {
    0% {
        opacity: 0;
        transform: translateY(100px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}



.in-left {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s;
}

.in-right {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-duration: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, -100%);
        transform: translate3d(0, 0, -100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}


@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { float:left; }