body{margin:0px;padding:0px;background-color:#fff;background-size:100%;background-attachment:fixed;}
*{font-family:poppins,arial,calibri;box-sizing:border-box;}
ul{margin:0px;padding:0px;}
ul li{list-style:none;}
a{outline:none;text-decoration:none;-webkit-tap-highlight-color: transparent;}
h1{margin:0px;padding:0px;text-align:center;}
h1 i{margin-right:5px;}
h2{margin:0px;padding:0px;font-size:12pt;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #efefef;}
h2 i{margin-right:5px;}

table{border-collapse:collapse;border-spacing:0px;width:100%;}
table td{vertical-align:top;}


.iskelet{width:1300px;margin:0px auto;position:relative;}

.liste ul{margin:0px;padding:0px;}
.liste ul li{text-align:left;padding:8px 0px;font-size:10pt;border-bottom:1px solid #414141;}
.liste ul li span{float:right;}

input,file,select,textarea,button,submit {outline:none;background-color:#ffffff;}
button,submit{-webkit-appearance: none;-webkit-border-radius: 0;}

::-webkit-scrollbar {width: 8px;height:8px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius:0px;}
::-webkit-scrollbar-thumb {background: #cc0000;-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive {background: #cc0000; }


.uygulamalar{padding:100px 0px;background-image:url('images/uygulamalar.jpg');background-size:cover;background-position:top center;}
.uygulamalar .iskelet{text-align:left;}
.uygulamalar .iskelet h1{color:#fff;text-align:left;margin-bottom:20px;}
.uygulamalar .aciklama{color:#fff;font-size:14pt;font-weight:300;margin:20px 0px;width:50%;}
.uygulamalar img{height:50px;margin:10px;}


.kurumsal{background-color:#fff;padding:150px 0px;margin-top:-10px;background-image:url('images/dunya-haritasi.png');background-position:center center;background-size:contain;}
.kurumsal ul{margin:0px;padding:0px;}
.kurumsal ul li{float:left;list-style:none;width:33%;padding:0px 30px;text-align:center;color:#000;font-weight:300;font-size:12pt;line-height:160%;border-left:1px dashed #ccc;}
.kurumsal ul li:hover i{color:#000;}
.kurumsal ul li:nth-child(1){border-left:0px;}
.kurumsal ul li i{font-size:40pt;margin-bottom:10px;}
.kurumsal ul li img{margin-bottom:10px;height:50px;}
.kurumsal ul li b{font-size:12pt;}






[class*="col-"]{float:left;position:relative;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.araba{position:absolute;bottom:-20px;right:0px;width:600px;}
.araba img{width:100%;}

.formalani [class*="col-"]{padding:10px;}
.formalani h1{text-align:center;}
.formalani ul li a{color:#000;padding:5px 0px;font-size:9pt;}
.formalani ul li a:hover{color:#209DD7;}
.formalani ul li a i{width:20px;}
.formalani div label{margin-bottom:5px;display:block;font-size:9pt;color:#808080;}
.formalani:after{content:"";display:table;clear:both;}

.input1{width:100%;padding:10px;height:40px;border:1px solid #ccc;border-radius:4px;font-size:11pt;}
.input1:hover{border:1px solid #808080;}

.input2{width:150px;padding:3px;border:1px solid #ccc;border-radius:2px;margin-left:5px;}
.input2:hover{border:1px solid #808080;}

.buton-yesil{display:block;width:100%;background-color:#339900;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:5px;text-align:center;border:0px;cursor:pointer;}
.buton-yesil i{margin-right:5px;}
.buton-yesil:hover{opacity:0.8;}

.buton-sari{display:block;width:100%;background-color:#ffc300;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:5px;text-align:center;border:0px;cursor:pointer;}
.buton-sari i{margin-right:5px;}
.buton-sari:hover{opacity:0.8;}

.buton-kirmizi{display:block;width:100%;background-color:#e00000;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:5px;text-align:center;border:0px;cursor:pointer;}
.buton-kirmizi i{margin-right:5px;}
.buton-kirmizi:hover{opacity:0.8;}

.buton-mavi{display:block;width:100%;background-color:#38419C;color:#fff;font-weight:bold;padding:12px;font-size:11pt;border-radius:5px;text-align:center;border:0px;cursor:pointer;}
.buton-mavi i{margin-right:5px;}
.buton-mavi:hover{opacity:0.8;}

.slogan{position:absolute;top:250px;width:100%;text-align:center;z-index:9;color:#fff;}
.slogan p:nth-child(1){margin:0px;padding:0px;font-size:60pt;font-weight:bold;letter-spacing:-4px;}
.slogan p:nth-child(2){margin:0px;padding:0px;font-size:20pt;font-weight:300;}

.ust{position:absolute;z-index:999;top:0px;left:0px;width:100%;height:200px;background: linear-gradient(rgba(0, 0, 0, 0.7) 0%, rgb(0, 0, 0, 0) 100%);}
.ust .logo{position:absolute;top:0px;width:180px;background-color:#cc0000;border-radius:0px 0px 50% 50%;box-shadow:0px 0px 10px 1px #000;}
.ust .logo img{width:100%;}
.ust .menuler{position:absolute;right:0px;top:60px;background-color:rgb(255,255,255,0.3);border-radius:10px;overflow:hidden;}
.ust .menuler ul:after{content:"";display:table;clear:both;}
.ust .menuler ul li{float:left;list-style:none;}
.ust .menuler ul li a{display:block;padding:15px 18px;color:#fff;font-weight:400;font-size:10pt;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.ust .menuler ul li:nth-child(8) a{background-color:#e00000;font-weight:bold;}
.ust .menuler ul li a i{margin-right:5px;}
.ust .menuler ul li a:hover{background-color:#e00000;}
.ust .ust-bilgiler{position:absolute;top:20px;right:0px;font-size:11pt;color:#fff;font-weight:300;}
.ust .ust-bilgiler ul li{float:left;list-style:none;margin-left:20px;}
.ust .ust-bilgiler ul li i{margin-right:5px;}
.ust .ust-bilgiler ul li a{color:#fff;}
.ust .ust-bilgiler ul li a:hover{color:#e00000;}

.mobil-menuler{display:none;position:absolute;right:30px;top:30px;z-index:999;}
.mobil-menuler ul li{float:left;}
.mobil-menuler ul li a{display:block;color:#fff;font-size:30pt;}
.mobil-menu-perde{display:none;position:absolute;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgb(0,0,0,0.8);z-index:9;}

.tablo1{width:100%;}
.tablo1 tr td{padding:10px 0px;font-size:11pt;}
.tablo1 tr td:nth-child(1){text-align:left;font-weight:bold;width:120px;}
.tablo1 tr td:nth-child(2){text-align:left;}
.tablo1 tr td a{color:#000;text-decoration:none;}
.tablo1 tr td i{text-align:center;width:25px;}
.temizle{clear:both;}

video{width:100%;}

.baslik2{margin-top:-150px;margin-bottom:150px;}
.baslik2 h1{color:#fff;}

.baslik3{font-size:15pt;font-weight:bold;color:#fff;}

.alt1{background-color:#cc0000;color:#ffffff;text-align:center;padding:20px;font-size:15pt;font-weight:300;letter-spacing:2px;}
.alt2{background-color:#05080B;color:#808080;padding:50px 0px;background-image:url('images/alt-bg.jpg');background-size:cover;background-attachment:fixed;}
.alt2:after{content:"";display:table;clear:both;}
.alt2 ul li{font-size:10pt;font-weight:300;}
.alt2 ul li a{display:block;color:#808080;border-bottom:1px dashed #808080;padding:10px 0px;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.alt2 ul li a:hover{padding-left:20px;}
.alt2 ul li i{margin-right:5px;width:15px;}
.alt2 [class*="col-"]{padding:20px;}
.alt2 .col-3:nth-child(1) ul li{font-size:12pt;line-height:150%;}
.alt2 .baslik3{margin-bottom:10px;font-weight:400;}

.orta{margin-top:400px;width:100%;min-height:500px;}
.orta ul:after{content:"";display:table;clear:both;}

.icerik{line-height:150%;font-weight:300;}
.icerik .anaresim{width:500px;float:right;margin-left:100px;box-shadow:0px 0px 50px 5px #ccc;border-radius:10px;}
.cizgi{width:100px;height:5px;margin:0px auto;background-color:#cc0000}

.avantajlar ul{margin-top:50px;}
.avantajlar ul:after{content:"";display:table;clear:both;}
.avantajlar ul li{float:left;width:calc(25% - 20px);padding:10px;text-align:center;color:#e00000;border:1px solid #ccc;margin:10px;border-radius:10px;}
.avantajlar ul li i{font-size:50pt;margin-bottom:20px;}
.avantajlar ul li p{font-weight:300;font-size:10pt;margin:2px 0px;}
.avantajlar ul li p:nth-child(2){font-weight:bold;font-size:13pt;color:#000}
.avantajlar ul li:hover{background-color:#cc0000;-webkit-transition: all ease .5s;-o-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;transition: all ease .5s;}
.avantajlar ul li:hover p{color:#fff;}
.avantajlar ul li a{color:#e00000;}

.haberler{margin:50px 0px;background-color:#efefef;padding:100px 0px;background-image:url('images/haberler-bg.jpg');background-size:cover;background-attachment:fixed;}
.haberler .baslik1{color:#fff;}
.haberler:after{content:"";display:table;clear:both;}
.haber{width:calc(25% - 20px);float:left;margin:10px;margin-top:30px;padding:10px;background-color:#fff;border-radius:10px;}
.haber .resim{width:100%;height:200px;overflow:hidden;background-size:cover;border-radius:10px;}
.haber .baslik{color:#000;font-size:12pt;height:80px;margin-top:10px;text-align:center;font-weight:bold;}
.haber:hover{background-color:#efefef;}


.alt-sayfalar:after{content:"";display:table;clear:both;}
.alt-sayfa{width:calc(33.33% - 40px);float:left;margin:20px;margin-top:30px;padding:10px;background-color:#fff;border-radius:10px;background-color:#fff;box-shadow:0px 0px 10px 5px #fbfcfd;}
.alt-sayfa .resim{width:100%;height:250px;overflow:hidden;background-size:cover;border-radius:10px;}
.alt-sayfa .baslik{color:#000;font-size:12pt;font-weight:bold;height:50px;margin-top:10px;}
.alt-sayfa:hover{box-shadow:0px 0px 10px 5px #efefef;}

.subeler:after{content:"";display:table;clear:both;}
.sube{width:calc(50% - 40px);float:left;border:1px solid #ccc;margin:20px;margin-top:30px;padding:20px;background-color:#fff;border-radius:10px;background-color:#fbfcfd;box-shadow:0px 0px 10px 5px #efefef;}
.sube{background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.sube .baslik{color:#e00000;font-size:18pt;font-weight:300;}
.sube .aciklama{color:#000;font-size:10pt;font-weight:300;height:80px;margin-top:10px;line-height:150%;}
.sube:hover{border:1px solid #cc0000;}
.sube i{margin-right:5px;}


.video-alani{margin:50px 0px;background-color:#efefef;padding:100px 0px;background-image:url('images/videolar-bg.jpg');background-size:cover;background-attachment:fixed;}
.video-alani .baslik1{color:#fff;}
.video-alani:after{content:"";display:table;clear:both;}
.video-alani .video{float:left;width:50%;background-color:#ccc;margin-top:30px;}


.alt-dalga1{position:absolute;bottom:0px;left:0px;width:100%;height:300px;background-image:url('images/slider_alt_bg.png');background-position:bottom center;background-repeat:no-repeat;background-size:100%;}
.alt-dalga{position:absolute;bottom:0px;left:0px;width:100%;height:197px;background-image:url('images/bg-content.png');background-position:bottom center;background-repeat:no-repeat;background-size:100%;}

.icbg{position:absolute;top:0px;left:0px;width:100%;height:400px;background-image:url('images/icbg.jpg');background-size:cover;background-position:top center;}
.icbg:after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:100px;background-image:url('images/bar.png');background-position:top center;background-size:cover;background-repeat:no-repeat;}

.gizli{display:none;}

.popup{display:none;position:absolute;position:fixed;left:calc(50% - 300px);top:50px;width:600px;z-index:999999;}
.popup-detay{overflow:auto;}
.popup-detay .kutu{margin:0px;padding:10px;margin:15px;background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0px 0px 5px -3px #000;}
.popup-detay h1{margin:0px;padding:0px;width:calc(100% + 20px);margin:-10px;margin-bottom:10px;color:#fff;background-color:#38419C;padding:10px;font-size:14pt;text-align:center;font-weight:700;}
.popup-detay h1{background: #e00000;background: -moz-linear-gradient(top, #e00000 0%, #cc0000 100%);background: -webkit-linear-gradient(top, #e00000 0%,#cc0000 100%);background: linear-gradient(to bottom, #e00000 0%,#cc0000 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00000', endColorstr='#cc0000',GradientType=0 );}
.popup-perde{display:none;position:absolute;position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgb(0,0,0,0.8);z-index:9999;}
.popup-perde i{position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;font-size:15pt;z-index:9999}

.zoomyap{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;}
.zoomyap:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}




.whatsapp-butonu {position: relative;width: 60px;height: 60px;border: none;box-shadow: 0 0 0 0 rgba(41, 167, 26, .7);border-radius: 50%;background-color: #29a71a;background-image:url('images/whatsapp.png');background-size:50%;background-position:center center;background-repeat: no-repeat;cursor: pointer;-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);position: fixed;bottom:20px;right: 20px;z-index: 998;}
.whatsapp-butonu:hover {-webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 40px rgba(232, 76, 61, 0);}}


.mobildegoster{display:none;}


@media only screen and (max-width: 620px) {
	[class*="col-"]{float:none;width:100%;}
	.mobildegizle{display:none;}
	.mobildegoster{display:block;}
	.mobilmenuac{left:0px;}
	.tablo{width:100%;overflow:auto;}
	.ust .logo{left:20px;width:150px;}
	.ust .menuler{display:none;}
	.ust .ust-bilgiler{display:none;}
	.mobil-menuler{display:block;}
	.iskelet{width:100%;}
	.ust .menuler{position:fixed;border-radius:0px;left:0px;top:0px;border-radius:0px 50px 50px 0px;width:calc(100% - 100px);height:100vh;overflow:auto;background-image:url('images/mobil-menu-bg.png');}
	.ust .menuler ul li{float:none;}
	.ust .menuler ul li a{border:0px;padding:20px;border-bottom:1px solid #e00000;font-size:11pt;font-weight:bold;}
	.slogan{top:150px;}
	.slogan p:nth-child(1){font-size:40pt;}
	.slogan p:nth-child(2){font-size:15pt;}

	.icerik{padding:20px;}
	.icerik .anaresim{width:100%;margin:0px;float:none;margin-bottom:20px;}
	.avantajlar ul li{width:calc(100% - 20px);height:auto;}
	.haberler .haber{width:calc(100% - 20px);}
	.haberler .haber .baslik{height:auto;}
	.baslik2{margin-bottom:80px;}
	.alt-sayfa{width:calc(100% - 40px);}
	.sube{width:calc(100% - 40px);height:auto !important;}
	.popup{width:calc(100% - 20px);left:10px;}
	.kurumsal{padding:40px;}
	.kurumsal ul li{float:none;border:0px;width:80%;padding:20px 0px;margin-bottom:20px;border-top:1px dashed #fff;}
	.kurumsal ul li:nth-child(1){border-top:0px;}
	.uygulamalar{padding:100px 0px;background-image:url('images/uygulamalar.jpg');background-size:cover;background-position:top center;}
    .uygulamalar .iskelet{text-align:center;}
    .uygulamalar .iskelet h1{text-align:center;}
    .uygulamalar .aciklama{text-align:center;width:100%;}
    .uygulamalar img{height:50px;margin:10px;}

}