@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;700;900&display=swap');

html,body {
margin: 0;
padding: 0;
font-family: 'Titillium Web', sans-serif;
font-weight:400;
}

.font1 { font-family: 'Titillium Web', sans-serif; font-weight:300; }
.font2 { font-family: 'Titillium Web', sans-serif; font-weight:400; }
.font3 { font-family: 'Titillium Web', sans-serif; font-weight:600; }
.font4 { font-family: 'Titillium Web', sans-serif; font-weight:700; }
.font5 { font-family: 'Titillium Web', sans-serif; font-weight:900; }

.size12 { font-size:12px !important; }
.size14 { font-size:14px !important; }
.size16 { font-size:16px !important; }
.size18 { font-size:18px !important; }
.size22 { font-size:22px !important; }
.size24 { font-size:24px !important; }
.size28 { font-size:28px !important; }
.size32 { font-size:32px !important; }

.siyah { color:#1d1d1b !important; }
.mavi { color:#0A51A1 !important; }
.maviacik { color:#3caadf; }
.kirmizi { color:#e30613 !important; }
.beyaz { color:#FFFFFF !important; }
.gri { color:#878786 !important; }
.turuncu { color:#da7203 !important; }


.line-18 { line-height:18px !important; }
.line-24 { line-height:24px !important; }
.line-32 { line-height:32px !important; }

.relat { position:relative !important; }

/* HEAD */
.head-wrap { width:100%; z-index:9;  }
.head-top { background-color:#404041; padding-top:5px; padding-bottom:5px; }
.head { background-color:rgba(255,255,255,0.6); padding-top:10px; padding-bottom:10px; position:relative; }

.call { color:#1A1A1A; }

.lang { text-decoration:none; color:#FFF; background-color:#000; display:inline-block; padding:3px 10px; width: 40px; text-align: center; }
.lang-active { color:#FFF; background-color:#da7203; display:inline-block; padding:3px 10px; width: 40px; text-align: center }
.lang:hover, .lang-active:hover { text-decoration:none !important; color:#FFF; background-color:#da7203; display:inline-block; padding:3px 10px; }

.btn-more, .btn-more:visited, .btn-more:active { text-decoration:none; color:#FFF !important; background-color:#da7203; display:inline-block; padding:6px 12px; text-align: center; font-weight:400; font-size:16px; }
.btn-more:hover { text-decoration:none !important; color:#da7203 !important; background-color:#404041; display:inline-block; padding:6px 12px; }

/* GENEL */
.home-title-1 {
 font-family: 'Titillium Web', sans-serif; font-weight:700;
 font-size: 24px;
 }
 
.home-title-2 {
 font-family: 'Titillium Web', sans-serif; font-weight:700;
 font-size: 24px;
 border-bottom: 1px solid #da7202;
 padding-bottom:10px;
 }


/* ANASAYFA URUN */
.home-bg-urun { padding-top:50px; padding-bottom:50px; }
.home-urun-postion { position:absolute; top:100px; max-width: 100%; left:0; right:0; }

.home-urun-box { margin:0px 5px; padding:2px; margin-bottom:40px; text-align:center; font-size:18px; font-weight:400; border:1px solid #FFF; }
.home-urun-box:hover { padding:2px; border:1px solid #da7203; }
.home-urun-box:hover a { color:#da7203; text-decoration:none; }
.home-urun-box a { color:#FFF; display:block; padding:2px; }
.home-urun-box-img  { background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; height:150px; margin-bottom:5px; }

/* ANASAYFA HİZMET */

.home-bg-hizmet { background-color:#E5E5E5; }
.mouse-point { cursor:pointer; }



/* ANASAYFA PARTNERS  */

.home-bg-partners { background-color:#0865aa; }
.partners-box { padding:16px; background-color:#FFF; }
.partners-box-logo { width:100%; height:80px; background-repeat:no-repeat; background-position:center center; background-size:contain; }

.top-33 { top:33% !important; }
.slick-custom-buton { cursor:pointer; z-index:9; background-color: rgba(0,0,0,0.3); padding:10px; border-radius:50%; width:40px; height:40px; text-align: center; color:#FFF; top:45%; }
.slick-custom-buton:hover { color:#000; }
.slick-custom-next { position:absolute; right:20px; }
.slick-custom-prev { position:absolute; left:20px; }

.galeri-box-img { width:100%; height:175px; max-height:175px; min-height:175px; background-repeat:no-repeat; background-position:center center; background-size:cover; object-fit:cover; }


/* ANASAYFA HABER */

.home-bg-news { background-color:#FFF; }
.news-box-liste { border:1px solid #CCC; padding:10px; }
.news-box-img { width:100%; height:150px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.news-box-title { min-height:50px; max-height:50px; overflow:hidden; line-height:25px !important; margin-bottom:5px; color:#555; }
.news-box-title:hover { text-decoration:underline; }
.news-box-text { min-height:100px; max-height:100px; overflow:hidden; line-height:25px !important; }
.news-date { background-color:rgba(255,255,255,0.8); padding:10px 6px 5px 6px; text-align:center; position:absolute; top:0px; right:10px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75); }

.medya-box-liste { padding:10px; height:223px; margin-bottom:30px; }
.medya-box-icon-efect { cursor:pointer;transition-property:all;-moz-transition-property:all;-webkit-transition-property:all;-o-transition-property:all;transition-duration:.2s;-webkit-transition-duration:.2s;transition-timing-function:linear;-webkit-transition-timing-function:linear }

.medya-box-1 { background-color:#da7203; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-1:hover { background-color:#0A51A1; cursor:pointer; color:aquamarine; border:1px solid aquamarine; }
.medya-box-1 div.icon { background-image:url("../images/icon/news.svg"); width:60px; height:60px; background-size:contain; margin:0 auto; margin-bottom:10px; margin-top:35px; }
.medya-box-1:hover div.icon {  background-image:url("../images/icon/newsnav.svg"); width:80px; height:80px; background-size:contain; }

.medya-box-2 { background-color:#da7203; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-2:hover { background-color:#0A51A1; cursor:pointer; color:aquamarine; border:1px solid aquamarine; }
.medya-box-2 div.icon { background-image:url("../images/icon/media.svg"); width:60px; height:60px; background-size:contain; margin:0 auto; margin-bottom:10px; margin-top:35px; }
.medya-box-2:hover div.icon {  background-image:url("../images/icon/medianav.svg"); width:80px; height:80px; background-size:contain; }

.medya-box-3 { background-color:#da7203; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-3:hover { background-color:#0A51A1; cursor:pointer; color:aquamarine; border:1px solid aquamarine; }
.medya-box-3 div.icon { background-image:url("../images/icon/catalog.svg"); width:60px; height:60px; background-size:contain; margin:0 auto; margin-bottom:10px; margin-top:35px; }
.medya-box-3:hover div.icon {  background-image:url("../images/icon/catalognav.svg"); width:80px; height:80px; background-size:contain; }

.medya-box-4 { background-color:#da7203; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-4:hover { background-color:#0A51A1; cursor:pointer; color:aquamarine; border:1px solid aquamarine; }
.medya-box-4 div.icon { background-image:url("../images/icon/contact.svg"); width:60px; height:60px; background-size:contain; margin:0 auto; margin-bottom:10px; margin-top:35px; }
.medya-box-4:hover div.icon {  background-image:url("../images/icon/contactnav.svg"); width:80px; height:80px; background-size:contain; }


/* FOOTER */

.footer-bg { background-color:#0865a9; padding:0; }
.footer-serit { background-color:#111; padding-top:40px;  padding-bottom:40px; }
.foo-menu .title { color:#da7203; font-weight:600px; font-size:18px; padding-bottom:10px; border-bottom:1px dotted #da7203; margin-bottom:20px; text-transform:uppercase; }
.foo-menu > .list > a:link, a:visited, a:active { display:block; color:#FFF; font-weight:400px; font-size:16px; margin-bottom:5px; }
.foo-menu > .list > a:hover { color:#3caadf; }
.footer-copy { color:#FFF; font-weight:600px; font-size:18px; padding-top:20px; border-top:1px dotted #da7203; margin-bottom:20px; text-transform:uppercase; }

.backtotop { position:fixed; right:20px; bottom:30px; background-color:#da7203; text-align:center; width:50px; height:50px; border-radius:25px; cursor:pointer; padding-top:12px; color:#FFF; }



.w-buton { position:fixed; z-index:99; bottom:10px; right:-8px; }
.w-buton:hover { right:0; transition:1s; }


.social-ico-efect { cursor:pointer;transition-property:all;-moz-transition-property:all;-webkit-transition-property:all;-o-transition-property:all;transition-duration:.2s;-webkit-transition-duration:.2s;transition-timing-function:linear;-webkit-transition-timing-function:linear }

.social-ico-text { display:inline-block; margin-left:5px; color:#FFF; line-height:18px; }
.social-ico-face { background-image:url("../images/icon/facebook.svg"); width:32px; height:32px; background-size:contain; display:inline-block; margin-left:5px; }
.social-ico-insta { background-image:url("../images/icon/instagram.svg"); width:32px; height:32px; background-size:contain; display:inline-block; margin-left:5px; }
.social-ico-linked { background-image:url("../images/icon/linkedin.svg"); width:32px; height:32px; background-size:contain; display:inline-block; margin-left:5px; }
.social-ico-whatsapp { background-image:url("../images/icon/whatsapp.svg"); width:32px; height:32px; background-size:contain; display:inline-block; margin-left:5px; }



ul.yatay-menu { margin:0; padding:15px; }
ul.yatay-menu li { list-style:none; list-style-type:none; display:inline-block; }
ul.yatay-menu li a:link, ul.yatay-menu li a:visited { display:block; padding:10px 20px; border:1px solid #CCC; color:#333; text-decoration:none; }
ul.yatay-menu li a:hover, ul.yatay-menu li a.active { border:1px solid #da7203; color:#da7203; }







/* İÇ SAYFA */

/*solmenü*/
.SolAnaBaslik { background-color:#0072bc; border:1px solid #004b7a; padding:10px; text-align:center; letter-spacing:1px; color:#FFF; }

ul#SolMenuIc { list-style:none; list-style-type:none; margin:0px; padding:0px; margin:10px 0px 0px 0px; text-align:left; }
ul#SolMenuIc > li { list-style:none; list-style-type:none; margin:0px; background-color:#EFEFEF; padding:0px; margin:5px 0px; text-align:left; border:1px solid #CCC; font-size:17px; }
ul#SolMenuIc > li:hover { color:#0072bc !important; border:1px solid #004b7a; text-align:left; }
ul#SolMenuIc > li.active { color:#0072bc !important; text-align:left; }

ul#SolMenuIc > li > a:link { display:block; padding:10px 10px; text-decoration:none; color:#333; font-size:17px; text-align:left; }
ul#SolMenuIc > li > a:visited { display:block; padding:5px 10px; text-decoration:none; color:#333; text-align:left; }
ul#SolMenuIc > li > a:hover { color:#0072bc !important; text-align:left; }
ul#SolMenuIc > li > a.active { color:#0072bc !important; text-align:left; }

ul#SolMenuIc > li.AltAlt { padding:0px !important; margin:0px !important; text-align:left; }
ul#SolMenuIc > li.AltAlt a:link { padding:0px !important; margin:0px !important; text-align:left; }



dl#leftmenu dt { background-color:#EFEFEF; padding:10px 10px; margin:5px 0px; border:1px solid #CCC; color:#333; font-size:17px; text-align:left; font-weight:400; }
dl#leftmenu dt a { text-decoration:none; color:#333; }
dl#leftmenu dt:hover { color:#0072bc !important; border:1px solid #004b7a; }

dl#leftmenu dt .leftmenu_li { text-decoration:none; }

ul#menu_ul { padding:0; padding-left:11px; margin:10px 0px !important; list-style: none; }
ul#menu_ul li a { color:#333; font-size:16px; text-align:left; font-weight:400; letter-spacing:0px; }
ul#menu_ul li div span { color:#da7203 !important; font-weight:800; }
ul#menu_ul li div.select { color:#da7203 !important; }



ul#SolMenuIc2 { list-style:none; list-style-type:none; margin:0px; padding:0px; margin:5px 10px; text-align:left; }
ul#SolMenuIc2 > li { list-style:none; list-style-type:none; margin:0px; background-color:#EEE; padding:0px; margin:5px 0px; text-align:left; border:1px solid #CCC; font-size:17px; }
ul#SolMenuIc2 > li:hover { background-color:#0072bc; color:#FFF !important; border:1px solid #004b7a; text-align:left; }
ul#SolMenuIc2 > li.active { background-color:#0072bc; color:#FFF !important; border:1px solid #004b7a; text-align:left; }

ul#SolMenuIc2 > li > a:link { display:block; padding:10px 10px; text-decoration:none; color:#333; font-size:15px; text-align:left; }
ul#SolMenuIc2 > li > a:visited { display:block; padding:5px 10px; text-decoration:none; color:#333; text-align:left; }
ul#SolMenuIc2 > li > a:hover { background-color:#0072bc; color:#FFF !important; text-align:left; }
ul#SolMenuIc2 > li > a.active { background-color:#0072bc; color:#FFF !important; text-align:left; }


ul#SolMenuIc3 { list-style:none; list-style-type:none; margin:0px; padding:0px; margin:5px 0px; text-align:left; }
ul#SolMenuIc3 > li { list-style:none; list-style-type:none; margin:0px; background-color:#EFEFEF; padding:0px; margin:5px 0px; text-align:left; border:1px solid #CCC; font-size:17px; }
ul#SolMenuIc3 > li:hover { background-color:#0072bc; color:#FFF !important; border:1px solid #004b7a; text-align:left; }
ul#SolMenuIc3 > li.active { background-color:#0072bc; color:#FFF !important; border:1px solid #004b7a; text-align:left; }

ul#SolMenuIc3 > li > a:link { display:block; padding:10px 10px; text-decoration:none; color:#333; font-size:17px; text-align:left; }
ul#SolMenuIc3 > li > a:visited { display:block; padding:5px 10px; text-decoration:none; color:#333; text-align:left; }
ul#SolMenuIc3 > li > a:hover { background-color:#0072bc; color:#FFF !important; text-align:left; }
ul#SolMenuIc3 > li > a.active { background-color:#0072bc; color:#FFF !important; text-align:left; }

ul#SolMenuIc3 > li.AltAlt { padding:0px !important; margin:0px !important; text-align:left; }
ul#SolMenuIc3 > li.AltAlt a:link { padding:0px !important; margin:0px !important; text-align:left; }



div#SolMenuIc2 { list-style:none; list-style-type:none; margin:0px; padding:0px; margin:5px 0px 5px 10px; text-align:left; }
div#SolMenuIc2 > li { list-style:none; list-style-type:none; margin:0px; background-color:#EEE; padding:0px; margin:0px 0px; text-align:left; font-size:17px; border-left:5px solid #0072bc; }
div#SolMenuIc2 > li > a:link { display:block; padding:10px 10px; text-decoration:none; color:#333; font-size:15px; text-align:left; border-left:5px solid #0072bc; }
div#SolMenuIc2 > li > a:visited { display:block; padding:5px 10px; text-decoration:none; color:#333; text-align:left; }

div#SolMenuIc2 > li:hover {  background-color:#EEE; color:#0072bc !important; text-align:left; }
div#SolMenuIc2 > li.active { background-color:#EEE; color:#0072bc !important; text-align:left; }
div#SolMenuIc2 > li > a:hover {  background-color:#EEE; color:#0072bc !important; text-align:left; border-left:5px solid #0072bc; }
div#SolMenuIc2 > li > a.active { background-color:#EEE; color:#0072bc !important; text-align:left; border-left:5px solid #0072bc; }



ul#SolMenuIc4 { list-style:none; list-style-type:none; margin:0px; padding:0px; margin:5px 0px 5px 20px; text-align:left; }
ul#SolMenuIc4 > li { list-style:none; list-style-type:none; margin:0px; background-color:#FFF; padding:0px; margin:5px 0px; text-align:left; border-bottom:1px solid #CCC; font-size:17px; }
ul#SolMenuIc4 > li > a:link { display:block; padding:3px 15px 7px 0px; text-decoration:none; color:#333; font-size:15px; text-align:left; }
ul#SolMenuIc4 > li > a:visited { display:block; padding:5px 10px; text-decoration:none; color:#333; text-align:left; }

ul#SolMenuIc4 > li:hover { color:#F60 !important; text-align:left; }
ul#SolMenuIc4 > li.active { color:#F60 !important; text-align:left; }
ul#SolMenuIc4 > li > a:hover { color:#F60 !important; text-align:left; }
ul#SolMenuIc4 > li > a.active { color:#F60 !important; text-align:left; }



.Baslik1 { padding:8px 8px 0px 0px; color:#666; font-weight:600; }
.Icerik1 { line-height:28px; color:#333; margin-bottom:30px; margin-top: 20px; }
.Icerik1 ul { padding-left:25px; }
.Resim1 { background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; height:200px; margin-bottom:15px; }
.Cizgi1 { background-color:#CCC; height:1px; width:100%; margin:10px 0px; }
.Cizgi2 { background-color:#0072BC; height:1px; width:100%; margin:5px 0px; }
.Pozitive:after { font-family: "Glyphicons Halflings"; content:"\e259"; float: right; margin-top:0px; }

.ResimGaleriPay { background-color:#DBDBDB; padding:6px; display:block; }
.ResimGaleriPay:hover { background-color:#CCC; padding:6px; display:block; }

.ResimGaleriBg { border:6px solid #DBDBDB; padding:6px; display:block; background-size:cover; background-repeat:no-repeat; background-position:center center; width:100%; height:180px; }
.ResimGaleriBg:hover { border:6px solid #0072BC; padding:6px; display:block; }

.Project { width:100%; height:250px; }
.ProjectBaslik { color:#0072BC; font-weight:bold; }
.ProjectAltBaslik { font-weight:bold; font-size:14px; }
.ProjectAltIcerik { font-size:15px; line-height:20px; padding:10px 10px 10px 0px; }
.ProjectTable { border:1px solid #CCC; }
.ProjectTable2 { border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; }
.ProjectTable tr { background-color: #FFF; }
.ProjectTable tr:nth-child(even){ background-color: #F3F3F3; }
.ProjectIco { width:30px;height:40px;background-image:url(../images/check.png);background-repeat:no-repeat;background-position:center center; }


.ProjectFlu { display: block; position: relative; z-index:2; height:250px; background-repeat:no-repeat; background-size:cover; background-position:center center; overflow:hidden; }
.ProjectFluName { position:absolute; z-index:3; top:0px; height:250px; font-size:18px; color:#FFF; width:100%; overflow:hidden; padding-top:180px; }
.ProjectNameBg { background-color:rgba(0,0,0,0.6); padding:10px 10px; height:70px; overflow:hidden; }
.ProjectNameCs { height:50px; line-height:24px; overflow:hidden; }
.ProjectFluName:hover { top:0px; height:250px; padding-top:20px; background:rgba(240,124,0,0.8) !important; margin-top:0px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.ProjectFluName:hover .ProjectNameBg { background-color:transparent !important; font-weight:500; }

.uyeH { height:52px; min-height:52px; max-height:52px; overflow:hidden; padding:5px; line-height:20px; }
.harfB { text-transform:uppercase; }

/*
###########################################################
###########################################################
###########################################################

SABİTLER

###########################################################
###########################################################
###########################################################
*/

.input-group-addon { padding:0px !important; }
.Ara { border-radius:0px; height:24px; border:0px; background-color:#f9f5f5; -webkit-box-shadow: inset 0px 0px 15px 0px rgba(204,204,204,1); -moz-box-shadow: inset 0px 0px 15px 0px rgba(204,204,204,1); box-shadow: inset 0px 0px 15px 0px rgba(204,204,204,1); border-radius:2px; }


.search-box{
	background-image:url(../images/BgAra.png);
	background-repeat:no-repeat;
	width:197px;
	height:26px;
	padding:1px 0;
	float:right;
}
.btn-search{
	background:none;
	border:none;
	width:29px;
	height:24px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	cursor:pointer;
}
.btn-search:hover{cursor:pointer;}
.search-box .text{
	width:155px;
	height:24px;
	background:none;
	border:none;
	font:12px/23px Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	padding:0 10px 0 3px;
	outline:none;
	letter-spacing:0.5px;
}
.search-box .text:focus{ color:#000; }
.search-box .text:hover{ color:#000; }


.flag_tr {
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_turkey.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	}
.flag_tr:hover {
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_turkey_nav.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;
	}
	.flag_tr_active {
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_turkey_nav.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;
	}	
.flag_en {
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_english.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;
	}
.flag_en:hover	{
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_english_nav.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;
	}
	.flag_en_active {
	height:19px; width:24px; display:block; border-radius:4px;
	background-image:url(../images/icon/flag_english_nav.png);
	background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;
	}

.ico_face { height:40px; width:40px; background-image:url(../images/icon/ico_03.png); background-repeat:no-repeat; }
.ico_face:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_03.png); background-repeat:no-repeat; }
.ico_twit { height:40px; width:40px; background-image:url(../images/icon/ico_04.png); background-repeat:no-repeat; }
.ico_twit:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_04.png); background-repeat:no-repeat; }
.ico_insta { height:40px; width:40px; background-image:url(../images/icon/ico_05.png); background-repeat:no-repeat; }
.ico_insta:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_05.png); background-repeat:no-repeat; }
.ico_youtube { height:40px; width:40px; background-image:url(../images/icon/ico_06.png); background-repeat:no-repeat; }
.ico_youtube:hover { height:40px; width:40px; background-image:url(../images/icon/iconav_06.png); background-repeat:no-repeat; }

.ico_faceK { height:24px; width:24px; background-image:url(../images/icon/ico_03K.png); background-repeat:no-repeat; }
.ico_faceK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_03K.png); background-repeat:no-repeat; }
.ico_twitK { height:24px; width:24px; background-image:url(../images/icon/ico_04K.png); background-repeat:no-repeat; }
.ico_twitK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_04K.png); background-repeat:no-repeat; }
.ico_instaK { height:24px; width:24px; background-image:url(../images/icon/ico_05K.png); background-repeat:no-repeat; }
.ico_instaK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_05K.png); background-repeat:no-repeat; }
.ico_youtubeK { height:24px; width:24px; background-image:url(../images/icon/ico_06K.png); background-repeat:no-repeat; }
.ico_youtubeK:hover { height:24px; width:24px; background-image:url(../images/icon/iconav_06K.png); background-repeat:no-repeat; }

.center-table { margin: 0 auto !important; float: none !important; }

.renk1 { background-color:#000; }
.renk2 { background-color:#666; }
.renk3 { background-color:#CCC; }
.renk4 { background-color:#F00; }

.M0 { margin: 0px !important; }
.P0 { padding: 0px !important; }
.RELATIVE { position:relative !important; }
.ABSOLUTE { position:absolute !important; }

#FullTop {
	position: absolute;
	z-index:4 !important;
	width:100%;
	height:100px;
}
#FullCenter {
	position: absolute;
	z-index:1 !important;
	overflow:hidden;
	height:100%;
	top:0px;
	width:100%;
}
#FullContent {
	position: absolute; 	
	z-index:2 !important;
	overflow:hidden;
	width:100%;
	left:0%;
	height:100vh;
	max-height:100%;
	min-height:100%;
	background-color:#FFF;
	padding-top:150px;
}
#FullFooter {
	position:absolute;
	z-index:4 !important;
	width:100%;
	height:50px;
	bottom:0px;	
}

#FullTopX {
	position: relative; 	
	z-index:4 !important;
	width:100%;
	height:100px;
}
#FullCenterX {
	position: relative;
	z-index:1 !important;
	overflow:hidden;
	height:100%;
	max-height:100%;
	min-height:100%;
	padding-top:100px;
	padding-bottom:50px;
	top:-100px;
	width:100%;
}
#FullContentX {
	position: relative; 	
	z-index:2 !important;
	overflow:scroll;
	width:100%;
	left:0%;
	max-height:100%;
	min-height:100%;

    margin-top: 50px;
    margin-bottom: -50px;
    padding-bottom: 50px;
}
#FullFooterX {
	position:relative;
	z-index:4 !important;
	width:100%;
	height:50px;
	bottom:0px;	
}

/*
.Scrooll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
.Scrooll::-webkit-scrollbar { width:10px; background-color:#F5F5F5; }
.Scrooll::-webkit-scrollbar-thumb {
	background-color: #F90;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}
*/

.Scrooll::-webkit-scrollbar { width:15px;  }
.Scrooll::-webkit-scrollbar-track {  }
.Scrooll::-webkit-scrollbar-thumb { background-image:url(../images/ico_scroll.png); background-repeat:repeat-y; background-size:contain; background-position:bottom; }


/*
###########################################################
###########################################################
###########################################################
MANUEL RESPONSİVE 'LER
###########################################################
###########################################################
###########################################################
*/

@media (max-width: 480px) { /* xs */
}

@media (max-width: 768px) { /* sm */
}

@media (max-width: 992px) { /* md */

.Pay1 { padding-left:3%; padding-right:3%; }
.Pay2 { padding-left:3%; padding-right:3%; }
.Pay3 { padding-left:3%; padding-right:3%; padding-top:50px; }
.Pay7 { padding-left:3%; padding-right:3%; padding-top:50px; }
.Pay9 { padding-right:3%; }

#FullCenterX {
	position: relative;
	z-index:1 !important;
	overflow:inherit;
	height:100%;
	max-height:inherit;
	min-height:inherit;
	padding-top:100px;
	padding-bottom:50px;
	top:0px;
	width:100%;
}
#FullContentX {
	position: relative; 	
	z-index:2 !important;
	overflow:inherit;
	width:100%;
	left:0%;
	max-height:inherit;
	min-height:inherit;

    margin-top: 0px;
    margin-bottom: -50px;
    padding-bottom: 50px;
}
}

@media (min-width: 993px) { /* lg */
}

@media (min-width: 1200px) { /* lg */
}

@media (min-width: 1580px) { /* lg */
}
a, button, a:focus, a:active, a:link { text-decoration:none !important; outline:none !important; }