@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');

/*
font-family: 'Jost', sans-serif;
font-family: 'Jost', sans-serif;
*/

html, body {
margin: 0;
padding: 0;
font-family: 'Jost', sans-serif;
font-weight:300;
}

.font1 { font-family: 'Jost', sans-serif; font-weight:300; }
.font2 { font-family: 'Jost', sans-serif; font-weight:400; }
.font3 { font-family: 'Jost', sans-serif; font-weight:500; }
.font4 { font-family: 'Jost', sans-serif; font-weight:700; }
.font5 { font-family: 'Jost', 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; }
.size40 { font-size:40px !important; }

.siyah { color:#000 !important; }
.mavi { color:#1a1a1a !important; }
.kirmizi { color:#e30613 !important; }
.beyaz { color:#FFFFFF !important; }
.gri { color:#1a1a1a !important; }
.turuncu { color:#B83C51 !important; }
.altin { color:#D1B55A !important; }

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

.bg-gri { background:#1a1a1a; }

.m-0 { margin:0 !important; }

.relat { position:relative !important; }
a, button { text-decoration:none !important; outline:none !important; }

.cf-all { padding:0px 10% 10px 10%; }
@media (max-width: 1700px) { /* xs */
.cf-all { padding:0px 2% 10px 2%; }
}
@media (max-width: 720px) { /* xs */
.cf-all { padding:10px 15px 10px 15px !important; }
}

.lang-bg { margin-bottom:30px; padding-right:10px; }
.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:#D1B55A; display:inline-block; padding:3px 10px; width: 40px; text-align: center }
.lang:hover, .lang-active:hover { text-decoration:none !important; color:#FFF; background-color:#D1B55A; display:inline-block; padding:3px 10px; }

#loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0px; z-index: 100; background-color: rgba(26,26,26,1.00); }
#load { width: 50%; height: 50%; position: absolute; left:25%; top:25%; background-repeat: no-repeat; background-position: center; background-size: contain; }
@media (max-width:720px){
#load { width: 100%; height: 100%; position: absolute; left:0%; top:25%; }
}
svg .svg-elem-1 {
  stroke-dashoffset: 2234.249755859375px;
  stroke-dasharray: 2234.249755859375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}
svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
}
svg .svg-elem-2 {
  stroke-dashoffset: 88.70831298828125px;
  stroke-dasharray: 88.70831298828125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s;
}
svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
}
svg .svg-elem-3 {
  stroke-dashoffset: 369.5372314453125px;
  stroke-dasharray: 369.5372314453125px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s;
}
svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
}

/*******************************************************************************************************
HEAD
*******************************************************************************************************/

.head-wrap { width:100%; z-index:9; background-color:#1a1a1a; }
.head-menu { display:block; width:100%; }

/*******************************************************************************************************
SLIDER
*******************************************************************************************************/

.slider-ic { height:350px; background-repeat: no-repeat; background-position: center center; background-size: cover;  }

/*******************************************************************************************************
GENEL
*******************************************************************************************************/

.home-title-1 {
 font-family: 'Jost', sans-serif; font-weight:300;
 font-size: 36px;
 }


/*******************************************************************************************************
ANASAYFA KURUMSAL
*******************************************************************************************************/

.kurumsal-bg { background-color:#1a1a1a; padding-top:6%; padding-bottom:6%; }


/*******************************************************************************************************
ANASAYFA PROJE
*******************************************************************************************************/

.project-box-bg { width:100%; height:700px; background-position:center center; background-repeat:no-repeat; background-size:cover; border-left:1px solid #CCC; }
.project-box-title { background-color:#1A1A1A; padding:14px 2px; color:#FFF; border-left:1px solid #CCC; }
.item > a:hover > .project-box-title { background-color:#D1B55A; color:#000; transition: 1s; }
@media (max-width: 720px){
.project-box-bg { height:400px; border-left:0px; }
.project-box-title { border-left:0px; }
}

/*******************************************************************************************************
ANASAYFA URUN
*******************************************************************************************************/

.home-bg-urun { background-color:#000; padding-top:8%; padding-bottom:8%; }
.home-urun-box { margin-top:10px; margin-bottom:10px; }
.home-urun-img {  margin-bottom:10px; width:100%; height:200px; background-position:top center; background-repeat:no-repeat; background-size:cover; }
.home-urun-img:hover { border:2px solid #D1B55A; color:#D1B55A; transition:2s; }
a.home-urun-button { border:1px solid #FFF; padding:2px 12px; display:inline-block; color:#FFF; font-weight:300; font-size:14px; }
a.home-urun-button:hover { border:1px solid #D1B55A; color:#D1B55A; transition:1s; }


/*******************************************************************************************************
ANASAYFA BLOG
*******************************************************************************************************/

.home-bg-blog { background-color:#000; padding-top:8%; padding-bottom:8%; background-image:url("../images/blog_bg.jpg"); background-position:top center; background-attachment:fixed; }
.blog-box { background-color:rgba(0,0,0,0.7); padding:20px; }


/*******************************************************************************************************
FOOTER BLOG
*******************************************************************************************************/

.footer-bg { background-color:#0D0D0D; padding-top:30px; padding-bottom:30px; }
@media (max-width: 720px){
.footer-bg { padding-top:0px; }
.footer-copy { padding-bottom:50px; }
}
.footer-copy { background-color:#000000; }
.footer-title-line { border-bottom:1px solid #D1B55A; }
.backtotop { position:fixed; right:20px; bottom:25px; background-color:#D1B55A; text-align:center; width:50px; height:50px; border-radius:25px; cursor:pointer; padding-top:12px; color:#FFF; }

ul.footer-menu { list-style:none; list-style-type:none; margin:0px; padding:0px; margin:10px 0px 0px 0px; text-align:left; }
ul.footer-menu li { margin:0px; padding:0px; }
ul.footer-menu li a:link, ul.footer-menu li a:active, ul.footer-menu li a:visited { color:#D1B55A; }
ul.footer-menu li a:hover { color:#FFF; }

a.social-link:link, a.social-link:active, a.social-link:visited { color:#D1B55A; }
a.social-link:hover { color:#FFF; }

/* ANASAYFA HİZMET */

.mouse-point { cursor:pointer; }



/* ANASAYFA PARTNERS  */

.home-bg-partners { background-color:#1a1a1a; }
.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; }

.slick-custom-buton { cursor:pointer; color:#FFF; }
.slick-custom-next { position:absolute; right:-25px; top:33%; }
.slick-custom-prev { position:absolute; left:-25px; top:33%; }



/* ANASAYFA HABER */

.home-bg-news { background-color:#FFF; }
.news-box-liste { border:1px solid #CCC; padding:10px; }
.news-box-img { width:100%; height:250px; 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; }
.news-box-text { min-height:100px; max-height:100px; overflow:hidden; line-height:25px !important; margin-bottom:10px; }
.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:#B83C51; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-1:hover { background-color:#1a1a1a; 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:#B83C51; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-2:hover { background-color:#1a1a1a; 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:#B83C51; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-3:hover { background-color:#1a1a1a; 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:#B83C51; color:#FFF; font-size:18px; font-weight:300; text-align:center; border:1px solid #c96800; }
.medya-box-4:hover { background-color:#1a1a1a; 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; }


.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:36px; height:36px; background-size:contain; display:inline-block; margin-left:5px; }
.social-ico-insta { background-image:url("../images/icon/instagram.svg"); width:36px; height:36px; background-size:contain; display:inline-block; margin-left:5px; }
.social-ico-linked { background-image:url("../images/icon/linkedin.svg"); width:36px; height:36px; background-size:contain; display:inline-block; margin-left:5px; }
.social-ico-whatsapp { background-image:url("../images/icon/whatsapp.svg"); width:36px; height:36px; background-size:contain; display:inline-block; margin-left:5px; }


/* İÇ SAYFALAR */

.cizgi-1 { background-color:#D1B55A; height:1px; width:100%; margin:10px 0px; }
.cizgi-2 { background-color:#0072BC; height:1px; width:100%; margin:5px 0px; }

.title h2 { font-family: 'Jost', sans-serif; font-weight:400; font-size:24px; line-height:28px; color:#D1B55A; margin-bottom:20px; margin-top:20px; }
.content-1 { font-family: 'Jost', sans-serif; font-weight:300; font-size:18px; line-height:32px; color:#fff; margin-bottom:20px; margin-top:20px; }

.firma-img-pay { padding:0px 0px 10px 10px; }
.firma-img { width:100%; height:150px; max-height:150px; min-height:150px; overflow:hidden; }


/* Timeline */
.timeline {
  border:1px solid #8F8F8F;
  margin-top:50px;
  position:relative;
  padding:0px 10px;
}
.timeline i {
  color:#8F8F8F;
  position:absolute;
  bottom:-45px;
  right:49%;
}
.timeline:last-child i {
  display: none;
}




/* İÇ SAYFA */

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

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 { background-color:#0072bc; color:#FFF !important; border:1px solid #004b7a; text-align:left; }
ul#SolMenuIc > li.active { background-color:#0072bc; color:#FFF !important; border:1px solid #004b7a; 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 { background-color:#0072bc; color:#FFF !important; text-align:left; }
ul#SolMenuIc > li > a.active { background-color:#0072bc; color:#FFF !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; }


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; }




.Resim1 { background-position:center center; background-repeat:no-repeat; background-size:cover; width:100%; height:200px; }
.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:40px; background:rgba(0,119,179,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; }

.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;
}
}




.pc-head { display:block; }
.mobile-head { display:none; }

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

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

}
@media (max-width: 960px) { /* lg */

}
@media (max-width: 1140px) { /* xl */
.pc-head { display:none; }
.mobile-head { display:block; }
}
@media (max-width: 1320px) { /* xxl */

}
@media (min-width: 1321px) { /* xxl */

}