@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700,900');
.font0 { font-family: 'Titillium Web', sans-serif; font-weight:300; }
.font1 { font-family: 'Titillium Web', sans-serif; font-weight:400; }
.font2 { font-family: 'Titillium Web', sans-serif; font-weight:600; }
.font3 { font-family: 'Titillium Web', sans-serif; font-weight:700; }
.font4 { font-family: 'Titillium Web', sans-serif; font-weight:900; }


html,body {
	margin:0;
	padding:0;
    width:100%;
	font-size:15px;
}

.size12 { font-size:12px; }
.size13 { font-size:13px; }
.size14 { font-size:14px; }
.size15 { font-size:15px; }
.size16 { font-size:16px; }
.size17 { font-size:17px; }
.size18 { font-size:18px; }
.size20 { font-size:20px; }
.size24 { font-size:24px; }
.size28 { font-size:28px; }
.size32 { font-size:32px; }
.size36 { font-size:36px; }
.size40 { font-size:40px; }

.kirmizi { color:#ba0f14; }
.mavi { color:#273A5F; }
.lacivert { color:#283891; } 
.siyah { color:#222222; }
.beyaz { color:#FFF; }
.sari { color:#d6b96f; }

.allpay { padding-left:10%; padding-right:10%; }
.allpayL { padding-left:10%; }
.allpayR { padding-right:10%; }

.pay1 { padding:50px 0px; }
.pay2 { padding:5px 0px; }
.pay3 { padding:12% 0px; }

.m0 { margin: 0px !important; }
.p0 { padding: 0px !important; }
.relat { position:relative !important; }
.abso { position:absolute !important; }

/*
###########################################################
###########################################################
###########################################################
DEĞİŞKENLER
###########################################################
###########################################################
###########################################################
*/

.title-cizgi { width:15%; height:3px; background-color:#f2d68e; }
.title-dolgu { width:50%; height:3px; background-color:#cca441; }

.slider-flu { background-color:rgba(0,0,0,0.5); width:100%; height:100vh; position:absolute; z-index:10; display:block; }
.bg-head { background-color:rgba(255,255,255,0.6); width:100%; position:relative; }
.bg-head-ust { background-color:#F8F8F8; border-bottom:1px solid #CCC; }
.bg-head-xs { background-color:#FFF; }
.slogan { padding:30px 10px 75px 0px; }

.dil-border { border-left:1px solid #CCC; padding:5px 10px 5px 10px; }

a.LinkDil {  }

a.slider-button:link { color:#C4161C !important; border:1px solid rgba(255,255,255,0.5); background-color:rgba(0,0,0,0.8); padding:5px 10px; }
a.slider-button:visited { color:#C4161C !important; }
a.slider-button:hover { color:#FFF !important; }

.bg-urun { background-repeat: no-repeat; background-attachment: fixed; background-position: top; background-size: cover; background-color:#F5F5F5; }

.urun-title { font-size:32px; line-height:42px; margin-bottom:50px; }

ul.urunli { list-style-type:none; list-style:none; padding-top:21px; }
ul.urunli li { display:inline-block; font-size:32px; background-image:url(../images/line.png); background-repeat:no-repeat; background-position:right; padding-right:15px; padding-left:12px; }
ul.urunli li:last-child { background-image:none; }
ul.urunli li a { color:#FFF !important; }
ul.urunli li.active a { color:#c4161c !important; }

.urun-cizgi { width:100%; min-height:8px; background-color:rgba(255,255,255,0.6); }
.urun-kutu-pay { padding:50px 0px; }
.urun-kutu { background-color:rgba(255,255,255,0.7); border-radius:8px; height:225px; padding:0px; }
.urun-kutu:hover { background-color:rgba(40,56,145,1); color:#FFF !important; }
.urun-kutu a { color:#000; display:block; }
.urun-kutu a:hover { color:#FFF; }

.urun-kutu-liste { padding:5px 10px 5px 10px; background-color:#273A5F; margin:5px 8px 10px 8px }

.urun-kutu-liste a:link, .urun-kutu-liste a:visited, .urun-kutu-liste a:active { color:#5f9ea0; }

.urun-kutu-liste a:hover { color:#f2d68e; }

.urun-kutu-icerik { /*background-color:rgba(255,255,255,0.7); border-radius:8px; height:150px; */ padding:5px;  position:relative; }
.urun-kutu-icerik:hover { /* background-color:rgba(196,22,28,0.6); */ color:#FFF; }
.urun-kutu-icerik > .img img { padding:0px; border-radius:8px; margin-bottom:10px; }
.urun-kutu-icerik > .title { height:25px; overflow:hidden; }
.urun-kutu-icerik > .ico { position:absolute; bottom:40px; right:8px; }

.bg-center-full { 
background: #ffffff; /* Permalink - http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); }
.bg-center { padding:6% 0px; }
.center-title { font-size:32px; line-height:42px; margin-bottom:30px; }
.center-content-title { height:32px; min-height:32px; max-height:32px; line-height:20px; overflow:hidden; }
.center-content { height:100px; min-height:100px; max-height:100px; line-height:20px; overflow:hidden; }
.center-kutu-liste { padding:0px 0px 10px 0px; }
.center-kutu-liste:first-child { padding:0px 0px 10px 0px; }
.center-kutu-liste:last-child { padding:0px 0px 10px 0px; }
.center-kutu-pay { padding:5px 5px; border-radius:8px; }

.center-kutu-liste a { color:#000; }
.center-kutu { border:1px solid #CCC; padding:10px; }
.center-kutu:hover { border:1px solid #273A5F; padding:10px; }

.bg-markalar { padding:6% 0px; }
.marka-title { font-size:32px; line-height:42px; margin-bottom:50px; }
.marka-cizgi { background-color:#333; height:4px; width:100px; margin-bottom:40px; }
.marka-pay { padding:30px 0px; /* background-image:url("../images/links.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center center; */ }
.marka-gray-pay { padding:10px; }
.marka-gray { display:inline-block; margin:5px 10px; }
.marka-gray img { margin-bottom:10px; }
.marka-gray a:link, .marka-gray a:visited, .marka-gray a:active { color:#333; }
.marka-gray a:hover { color:#333; }
.marka-gray { -webkit-filter: grayscale(100%); filter: grayscale(100%); color:#333 !important; }
.marka-gray:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); background-color:#F5F5F5; color:#333333 !important; border-radius:10px; }
.marka-border { border:1px solid #CCC; }

.bg-footer-1 { background-color:#1d252b; padding-bottom:30px; }
.bg-footer-2 { background-color:#273A5F; padding:10px 0px 10px 0px; }
.bg-footer-cigzi { border-top:1px solid #CCC; padding:10px 0px; }
.footer-liste { padding-right:30px; }
.footer-liste:first-child { padding-right:30px; }
.footer-liste:last-child { padding-right:0px; }
.footer-title { border-bottom:1px solid #CCC; color:#FFF; padding:10px 0px; margin:10px 0px; }

.footer-box { border:1px solid #CCC; margin-bottom:10px; }
.footer-box:hover { border:1px solid #C4161C; }
a.footer-link-box { display:block; color:#FFF; padding:10px 3px; }
a.footer-link-box:hover { color:#C4161C; }

.footer-social-pay { margin:10px 0px 10px 0px; }
.footer-social { padding:6px; padding-right:8px; background-color:#999; display:inline-block; width:34px; height:34px; border-radius:17px; margin:3px; }
.footer-social:hover { background-color:#0E76BC; display:inline-block; }

div.footer-social a { color:#FFF; display:block; }

.TextArea { height:75px; min-height:75px; }

.form-element-pay { padding:10px 10px 10px 0px; }
.form-element {
  display: block;
  width: 100%;
  height: 34px;
  padding: 2px 6px 2px 6px;
  margin-top:1px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #FFF;
  background-color: #1D252B;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-element-text {
  display: block;
  width: 100%;
  height: 90px;
  padding: 2px 6px 2px 6px;
  margin-top:1px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #FFF;
  background-color: #1D252B;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.btn {
  border: 1px solid transparent;
  border-radius: 0px;
}
.btn-send { background-color:#1296e8; color:#FFF; }
.btn-send:hover { background-color:#093; color:#FFF !important; }


/* İÇ SAYFA */

.bg-ic-sayfa { background-repeat:no-repeat; background-size:cover; background-image:url(../images/standart_bg.jpg); height:350px; background-position: center center; }

.page-title { background-color:#273A5F; color:#FFF; font-size:24px; font-family: 'Titillium Web', sans-serif; font-weight:700; padding:10px 20px 10px 20px; }
.page-content { padding:40px 20px 40px 20px; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:16px; line-height:28px; color:#000; }
.page-content-iki { padding:40px 0px 40px 20px; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:17px; line-height:28px; color:#000; }
.page-content-contact { padding:40px 20px 40px 20px; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:16px; line-height:22px; color:#000; }

.page-content ul { list-style: circle; list-style-type: circle; margin-left:10px !important; }

.page-content-bayi { padding:0px 20px 40px 20px; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:16px; line-height:28px; color:#000; }
.bayi-list { border:1px solid #CCC; border-radius:4px; padding:10px; }
.bayi-list-pay:nth-child(odd) { padding-right:15px; padding-bottom:15px; }
.bayi-list-pay:nth-child(even) { padding-right:0px; padding-bottom:15px; }

.page-content-urunler { padding:40px 0px 40px 0px; font-family: 'Titillium Web', sans-serif; font-weight:300; }
.urunler-title { border-bottom:1px solid #000; padding-bottom:0px; color:#000; font-size:32px; line-height:34px; }
ul.urunlerli { list-style-type:none; list-style:none; padding-top:21px; }
ul.urunlerli li { display:inline-block; font-size:32px; background-image:url(../images/lineurunler.png); background-repeat:no-repeat; background-position:right; padding-right:15px; padding-left:12px; }
ul.urunlerli li:last-child { background-image:none; }
ul.urunlerli li a { color:#333 !important; }
ul.urunlerli li.active a { color:#c4161c !important; font-weight:700; }

.content-img { width:40%; height:auto; float:left; margin-right:15px; margin-bottom:15px;  }

.page-content-ekip { padding:40px 0px 40px 0px; }
.ekip-list-pay { padding:0px 25px 25px 0px; }
.ekip-list { -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4); line-height:28px; padding-top:5%; }
.ekip-list-content { padding:20px 5px; }
.ekip-list-bg { margin-left:5%; width:90%; height:300px; background-repeat:no-repeat; background-size:cover; background-position:center center; }

.page-content-haber {  }
.haber-list { border:1px solid #CCC; padding:10px; }
.haber-list-tum { border:1px solid #CCC; padding:10px; margin-bottom:10px; }
.haber-tarih { line-height:22px; padding-top:5px; }
.haber-content { min-height:45px; max-height:45px; overflow:hidden; padding-top:3px; font-weight:400; font-size:16px; line-height:20px; }
.bg-haber-pay1 { padding:20px 20px; background-color:#F5F5F5; }
.bg-haber-pay2 { padding-top:0px; padding-bottom:50px; }
.bg-haber-pay3 { padding-top:15px; }
.haber-content-date { padding:10px 20px 10px 20px; font-family: 'Titillium Web', sans-serif; font-weight:600; font-size:14px; color:#000; }
.pdf-liste { border:1px solid #CCC; margin-bottom:10px; }
.pdf-liste table tr td { line-height:20px; padding:5px;  }

ul.urunler-sol-menu { list-style:none; list-style-type:none; background-color:#f4f4f5; margin:0px; }
ul.urunler-sol-menu li a div.title { color:#000 !important; font-size:16px; }
ul.urunler-sol-menu li { padding-top:15px; padding-bottom:15px; padding-left:20px; border-bottom:1px solid #CCC; }
ul.urunler-sol-menu li:last-child { padding-top:15px; padding-bottom:15px; border-bottom:0px; }
ul.urunler-sol-menu li:hover, ul.urunler-sol-menu li.active { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,b7b7b7+100 */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top, #f2f2f2 0%, #b7b7b7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f2f2f2 0%,#b7b7b7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f2f2f2 0%,#b7b7b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#b7b7b7',GradientType=0 ); /* IE6-9 */
}
 

.urunler-sol-bg { background-color:#f4f4f5; }
.urunler-menu-ust { background-image:url(../images/menu_ust_golge.png); background-repeat:no-repeat; height:46px; min-height:46px; background-position:bottom right; background-size:cover; }
.urunler-menu-alt { background-image:url(../images/menu_alt_golge.png); background-repeat:no-repeat; height:46px; min-height:46px; background-position:top right; background-size:contain; }
.urunler-kutu-pay { padding:30px 0px; }

.urun-detay-cizgi { border-bottom:3px solid #ec1c24; padding-bottom:20px; }


ul.urun-detay-oval { list-style-type:none; list-style:none; }
ul.urun-detay-oval li { display:inline-block; font-size:17px; background-image:url(../images/buton_detay.png); background-repeat:no-repeat; background-position:center center; width:200px; height:200px; text-align:center !important; }
ul.urun-detay-oval li.active { background-image:url(../images/buton_detay_nav.png); background-repeat:no-repeat; background-position:center center; }
ul.urun-detay-oval li:hover { display:inline-block; font-size:17px; background-image:url(../images/buton_detay.png); background-repeat:no-repeat; background-position:center center; width:200px; height:200px; text-align:center !important; }
ul.urun-detay-oval li div { margin-top:90px; }
ul.urun-detay-oval li img { margin-top:75px; }


ul.urun-detay-oval li:last-child {  }
ul.urun-detay-oval li a { color:#000 !important; display:block; }
ul.urun-detay-oval li a:hover { color:#c4161c !important; display:block; }
ul.urun-detay-oval li.active a { color:#c4161c !important; font-weight:700; }


.ok { width:0;height:0;border-top:300px solid #5c87d1;border-left:150px solid transparent;border-right:150px solid transparent; }

.page-img-content { padding:40px 20px 0px 20px; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:16px; line-height:28px; color:#000; }
.page-img { padding:40px 0px 40px 0px; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:16px; line-height:28px; color:#000; }
.img-list { padding:20px; }
.img-border { border:1px solid #CCC; }
.img-title { line-height:22px; color:#000; margin-top:10px; min-height:45px; overflow:hidden; }

#consolPopup {
    display:none;
    width:auto !important;
    margin:0;
    padding:0;
	border:10px solid #FFF;
}
#consolPopup h1 {
    text-align:center;
    margin:0;
    padding:10px;
    color:#fff;
    margin-bottom:10px;
    background: #3275ae;
    /* Old browsers */
    background: -moz-linear-gradient(top, #3275ae 0%, #005093 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3275ae), color-stop(100%, #005093));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3275ae 0%, #005093 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3275ae 0%, #005093 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3275ae 0%, #005093 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #3275ae 0%, #005093 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3275ae', endColorstr='#005093', GradientType=0);
    /* IE6-9 */
}
#consolPopup p {
    padding:10px;
}
.fancybox-skin {
    padding:0 !important;
}

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

@media (max-width: 480px) { /* xs */
.container { padding:15px !important; }
.urun-kutu-liste:last-child { padding:0px 10px 10px 10px; }
.center-kutu-liste:last-child { padding:0px 10px 10px 10px; }
.sy-controls { display:none !important; }
.slide-title { font-size:18px !important; }
.slide-content { display:none; }
.slogan { padding:10px 10px 30px 0px; }
.center-title { margin-bottom:20px; }
.center-kutu-liste { padding:10px 0px 10px 0px; }
.center-title { margin-top:20px; }
.img-list { padding:2.5px 2.5px; }
.page-img-content, .page-img, .ekip-list-pay, .page-content-ekip { padding:15px 5px 15px 5px; }
.contact-pay { margin-bottom:40px; }
.bg-ic-sayfa { height:200px; }
}

@media (max-width: 768px) { /* sm */
.container { padding:15px !important; }
table.mobil-list tr td { display:block; width:100%; text-align:center !important;  }
table.mobil-teknik-list tbody th { display:block; width:100%;  }
ul.urun-detay-oval li { margin-top:20px; }
ul.urunlerli li { background-image:none; border-bottom:1px solid #999; }
.page-content-iki { padding:30px 0px 30px 0px; }
.ekip-list-pay { padding:0px 0px 25px 0px; }
.page-content { padding:30px 0px 30px 0px; }
.page-content-contact { padding:30px 0px 30px 0px; }
.page-content-contact form { margin-top:25px; }
}

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

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

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

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