/*
Theme Name: Şirket, Firma Teması
Theme URI: http://engintasarim.com/wordpress/firma1/ 
Author: Engin Tasarım
Author URI:	http://engintasarim.com/
Description: Wordpress alt yapısıyla hazırlanmış kurumsal, firma, şirket teması
Version: 0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Firma teması, şirket teması
Text Domain: 
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:900');


*{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.cerceve{max-width:1100px;position:relative;width:100%;margin:0 auto;padding: 0 20px;box-sizing:border-box}div[class*="sutun-"],div[class*="bosluk-"]{float:left;box-sizing:border-box}
@media (min-width: 550px) {div[class*="sutun-"]{margin-left:4%}div[class*="sutun-"]:first-child{margin-left:0}.sutun-1{width:4.66666666667%}.sutun-2{width:13.3333333333%}.sutun-3{width:22%}.sutun-4{width:30.6666666667%}.sutun-5{width:39.3333333333%}.sutun-6{width:48%}.sutun-7{width:56.6666666667%}.sutun-8{width:65.3333333333%}.sutun-9{width:74%}.sutun-10{width:82.6666666667%}.sutun-11{width:91.3333333333%}.sutun-12{width:100%;margin-left:0}.sutun-3-1{width:30.6666666667%}.sutun-3-2{width:65.3333333333%}.sutun-2-1{width:48%}.bosluk-1{margin-left:8.66666666667%}.bosluk-2{margin-left:17.3333333333%}.bosluk-3{margin-left:26%}.bosluk-4{margin-left:34.6666666667%}.bosluk-5{margin-left:43.3333333333%}.bosluk-6{margin-left:52%}.bosluk-7{margin-left:60.6666666667%}.bosluk-8{margin-left:69.3333333333%}.bosluk-9{margin-left:78%}.bosluk-10{margin-left:86.6666666667%}.bosluk-11{margin-left:95.3333333333%}.bosluk-3-1{margin-left:34.6666666667%}.bosluk-3-2{margin-left:69.3333333333%}.bosluk-2-1{margin-left:52%}}
@media (max-width: 549px) {div[class*="sutun-"]{width:100%;}.mobil-2-1 div[class*="sutun-"]{width:48%;margin-left:4%;}.mobil-2-1 div[class*="sutun-"]:nth-child(2n+1){margin-left:0;}.mobil-3-1 div[class*="sutun-"]{width:30.6666666667%;margin-left:4%;}.mobil-3-1 div[class*="sutun-"]:nth-child(3n+1){margin-left:0;}}
html{font-size:62.5%}
body{font-size:1.5em;line-height:1.6;font-weight:400;font-family: 'Ubuntu', sans-serif;color:#222;background-color: #fff;padding: 0;margin: 0;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}
h1{font-size:4rem;line-height:1.2;letter-spacing:-.1rem}
h2{font-size:3.6rem;line-height:1.25;letter-spacing:-.1rem}
h3{font-size:3rem;line-height:1.3;letter-spacing:-.1rem}
h4{font-size:2.4rem;line-height:1.35;letter-spacing:-.08rem}
h5{font-size:1.8rem;line-height:1.5;letter-spacing:-.05rem}
h6{font-size:1.5rem;line-height:1.6;letter-spacing:0}
h2.subtitle{ font-size:1.8rem;line-height:1.0;letter-spacing:-.05rem; color: #043255; border-bottom:1px dotted #dedede; padding-bottom: 8px; margin-bottom: 10px; } 

p{margin-top:0}
a{color:#1EAEDB;text-decoration:none;}
a:focus,a:hover{color:#0FA0CE}
.button,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus{color:#333;border-color:#888;outline:0}
.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}
.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea,select{height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box; width: 100%;}
input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{min-height:65px;padding-top:6px;padding-bottom:6px}
input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,textarea:focus,select:focus{border:1px solid #33C3F0;outline:0}
label,legend{display:block;margin-bottom:.5rem;font-weight:600}
fieldset{padding:0;border-width:0}
input[type="checkbox"],input[type="radio"]{display:inline}
label > .label-body{display:inline-block;margin-left:.5rem;font-weight:400}
ol,ul{padding-left:0;margin-top:0;list-style:none;margin-bottom: 0;}
ul ul,ul ol,ol ol,ol ul{}
th,td{padding:6px 15px;text-align:left;border-bottom:1px solid #E1E1E1}
th:first-child,td:first-child{padding-left:0}
th:last-child,td:last-child{padding-right:0}
.cerceve:after,.satir:after{content:"";display:table;clear:both}

.bilesen ul:after,
.temizle:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

img{max-width:100%;height:auto;}
.alignleft{float:left;margin:0 15px 15px 0;}
.alignright{float:right;margin:0 0 15px 15px;}
.aligncenter{float:none;margin:0 auto 15px;}
.wp-caption-text{text-align: center;font-size: 12px;}

/*Stiller*/
#slayt .slaytlar .slayt .slaytic .ackapa,
#slayt .slaytbutonlari .slaytbuton.noktali span,
.yuvarla_YYYY_full{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}

.beyaz_gecisli,
.gecisli_1{
background: -webkit-linear-gradient(0deg, #F6F6F6 10%, #FFF 90%);
background: -moz-linear-gradient(0deg, #F6F6F6 10%, #FFF 90%);
background: -ms-linear-gradient(0deg, #F6F6F6 10%, #FFF 90%);
background: -o-linear-gradient(0deg, #F6F6F6 10%, #FFF 90%);
background: linear-gradient(0deg, #F6F6F6 10%, #FFF 90%);
}

.mobilmenuackapa{display:none;}
#anamenu{position: relative;z-index: 9;}
#anamenu ul{}
#anamenu ul li{display: inline-block;position:relative;}
#anamenu ul li a{}
#anamenu ul li.altmenulu a{}
#anamenu ul li.altmenulu ul{display:none;position:absolute;}
#anamenu ul li.altmenulu:hover ul{display:block;}
#anamenu ul li.altmenulu:hover ul li{display:block;}
#anamenu ul li.altmenulu:hover ul li a{}
#anamenu ul li.altmenulu:hover ul li:hover a{}
#anamenu ul li.altmenulu:hover ul li.altmenulu ul{display:none;left: 100%;top: 0;}
#anamenu ul li.altmenulu:hover ul li.altmenulu:hover ul{display:block;}

.mm-menu.mm-theme-mobilmenu{}
.mm-menu.mm-theme-mobilmenu .mm-navbar-bottom{}
.mm-menu.mm-theme-mobilmenu .mm-navbar-top{}
.mm-menu.mm-theme-mobilmenu .mm-navbar-top .mm-btn{}
.mm-menu.mm-theme-mobilmenu .mm-navbar-top .mm-title{}
.mm-menu.mm-theme-mobilmenu .mm-panels{}
.mm-menu.mm-theme-mobilmenu .mm-panels ul.mm-listview{}
.mm-menu.mm-theme-mobilmenu .mm-panels ul.mm-listview li{}
.mm-menu.mm-theme-mobilmenu .mm-panels ul.mm-listview li a{}
.mm-menu.mm-theme-mobilmenu .mm-panels ul.mm-listview li a.mm-next{}

.tablar{}
.tablar .tablinkler{padding: 5px 5px 0 5px;background: #8C8C8C;}
.tablar .tablinkler .tablink{display: inline-block;padding: 5px 10px;font-size: 16px;cursor: pointer;background: #ccc;}
.tablar .tablinkler .tablink:hover,
.tablar .tablinkler .tablink.aktif{background: #fff;}
.tablar .tabicerikler{padding: 13px;border: 1px solid #D8D8D8;border-top: 0;}
.tablar .tabicerikler .tabicerik{}
.tablar .tabicerikler .tabicerik:hover,
.tablar .tabicerikler .tabicerik.aktif{}

.filtreler{}
.filtreler .filtrelinkler{padding: 5px 5px 0 5px;background: #8C8C8C;}
.filtreler .filtrelinkler .filtrelink{display: inline-block;padding: 5px 10px;font-size: 16px;cursor: pointer;background: #ccc;}
.filtreler .filtrelinkler .filtrelink:hover,
.filtreler .filtrelinkler .filtrelink.aktif{background: #fff;}
.filtreler .filtreicerikler{padding: 13px;border: 1px solid #D8D8D8;border-top: 0;}
.filtreler .filtreicerikler .filtreicerik{}
.filtreler .filtreicerikler .filtreicerik:hover,
.filtreler .filtreicerikler .filtreicerik.aktif{}

#ustmenu{background: #8c0000 !important;padding: 10px 0px;}
#ustmenu ul{margin-bottom: 0;text-align: right;}
#ustmenu ul li{display: inline-block;border-right: 1px solid rgba(255, 255, 255, 0.18);}
#ustmenu ul li:last-child{border-right:0;}
#ustmenu ul li a{color: #fff;font-size: 13px;padding: 0 5px;display: block;}
#ustmenu ul li:hover a{}

#ustmenu .menu-ust-menu-container{ float: right; margin-left: 10px;  }
#ustmenu .ustslogan{ font-size: 14px; color: #dedede; margin:0px; padding: 3px 0px; }
#ustmenu .lang{ margin:0px; padding:0px; float: right; }
#ustmenu .lang a{ font-size:12px; letter-spacing: -0.5px; text-align:right; background: #fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; padding:5px 5px; margin: 0px 0px 0px 4px; }
#ustmenu .lang a:before{ content: "ENGLISH"; }

#logobar{padding: 20px 0;}
#logobar .logo{}
#logobar .logo a{display: block;line-height: 0;}
#logobar .logo a img{}
#logobar .logo h1{display:none;}
#logobar .anamenu{position: relative;z-index: 3; margin-top: 5px;}
#logobar .anamenu ul{text-align: right;}
#logobar .anamenu ul li{display: inline-block;position:relative;}
#logobar .anamenu ul li a{font-size: 17px;display: block;padding: 3px 8px;color: #3164AD; border-bottom: 2px solid #ddd; border-radius: 0px !important;}
#logobar .anamenu ul li:hover a{background: #3164AD;color: #fff;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);}
#logobar .anamenu ul li.altmenulu a{padding-right:20px;}
#logobar .anamenu ul li.altmenulu:after{content: "\f078";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;position: absolute;line-height: 0;font-size: 11px;color: #03242d;top: 50%;right: 5px;z-index: 1;}
/*#logobar .anamenu ul li.altmenulu:after{content: "\f0d7";}*/
#logobar .anamenu ul li:hover::after{color:#fff;}
#logobar .anamenu ul li ul{display: none;position:absolute;text-align: left;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
#logobar .anamenu ul li.extraDropdown ul{right:0;}
#logobar .anamenu ul li:hover ul{display: block;}
#logobar .anamenu ul li ul li{width: 100%;display: block;white-space: nowrap;}
#logobar .anamenu ul li ul li:after{}
#logobar .anamenu ul li ul li a{font-size: 14px; border: none;}
#logobar .anamenu ul li ul li:hover a{}

#logobar .anamenu ul li ul li ul{display: none;position:absolute;text-align: left;transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
#logobar .anamenu ul li:hover ul li ul{display: none;}
#logobar .anamenu ul li:hover ul li:hover ul{display: block;left: 100%;top: 0;}
#logobar .anamenu ul li.extraDropdown:hover ul li:hover ul{left: auto;right: 100%;}
#logobar .anamenu ul li ul li ul li{width: 100%;display: block;white-space: nowrap;}
#logobar .anamenu ul li ul li ul li:after{}
#logobar .anamenu ul li ul li ul li a{}
#logobar .anamenu ul li ul li ul li:hover a{}

#logobar .arama{text-align: right;margin-bottom: 10px;}
#logobar .arama form{position: relative;display:inline-block;}
#logobar .arama form input[type="text"]{height: 32px;width: 160px;padding: 5px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);transition: width .25s ease-in-out;-moz-transition: width .25s ease-in-out;-webkit-transition: width .25s ease-in-out;}
#logobar .arama form input[type="text"]:focus{width:200px;}
#logobar .arama form input[type="submit"]{position: absolute;right: 0;border: 0;height: 100%;z-index: 1;width: 30px;box-sizing: border-box;padding: 0;}
#logobar .arama form:after{content: "\f002";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;position: absolute;line-height: 0;font-size: 16px;color: #3164AD;top: 50%;right: 10px;z-index: 0;}
#logobar .arama form:hover::after,
#logobar .arama form:active::after{color: #FF9800;}
#logobar .arama form input:focus{border-color: #FF9800;}

#slayt{background: #f5f5f5;line-height: 0;position: relative;box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.08);}
#slayt.slayt1{padding-top: 20px;}
#slayt .slaytlar{}
#slayt .slaytlar .slayt{display:none;}
#slayt .slaytlar .slayt:first-child{display:block;}
#slayt .slaytlar .slayt>.cerceve{max-width: 1200px;padding: 0;}
#slayt .slaytlar .slayt>.cerceve .satir{position: relative;}
#slayt .slaytlar .slayt .slaytic{}
#slayt .slaytlar .slayt .slaytic .ackapa{position: absolute;right: 0;z-index: 1;font-size: 22px;color: #fff;padding: 10px 10px;box-sizing: border-box;margin: 15px 0 0 0;cursor: pointer;width: 40px;height: 40px;text-align: center;}
#slayt .slaytlar .slayt .slaytic .ackapa i{}
#slayt .slaytlar .slayt .slaytic .ackapa.baslikkapat{margin: 0;top: -10px;right: -10px;padding: 8px 10px;}
#slayt .slaytlar .slayt .slaytic .baslik{ position: absolute; z-index: 1;margin: 0 auto;top: 200px;padding: 20px 20px 20px 20px;box-sizing: border-box;width: 100%;color: #fff;text-shadow: 1px 1px 30px #000; background: none !important; }
#slayt .slaytlar .slayt .slaytic .baslik h4{ font-family: "Roboto"; margin: 0 auto; font-size: 52px; font-weight:700; line-height: 100%; letter-spacing: 0; color: #ffffff; text-align: center;}
#slayt .slaytlar .slayt .slaytic .baslik h5{ font-family: "Roboto"; margin: 0 auto; font-size: 38px; font-weight:700; line-height: 100%; letter-spacing: 0; color: #fee903; text-align: center; }
body.home #slayt .slaytlar .slayt .slaytic .baslik h4{margin: 0 auto 10px;}
#slayt .slaytlar .slayt .slaytic .baslik a.link{display: inline-block;background: #FF9800;font-size: 14px;line-height: 18px;padding: 5px 10px;text-shadow: none;color: #fff;}
#slayt .slaytlar .slayt img{width: 100%;}
#slayt .slaytbutonlari{position: relative;bottom: 0;width: 100%;z-index: 2;text-align: center;padding: 20px 0;}
#slayt.slayt2 .slaytbutonlari{position: absolute;}
#slayt .slaytbutonlari .slaytbuton{display: block;float: left;width:15.6%;max-height: 90px;margin: 0 0.5%;overflow: hidden;border-top: 4px solid #043255;position: relative;}
#slayt .slaytbutonlari .slaytbuton:hover{border-color: #FF9800;}
#slayt .slaytbutonlari .slaytbuton a{display: block;padding: 0;position: relative;}
#slayt .slaytbutonlari .slaytbuton img{width: 100%;position: relative;z-index: -1;height: 100px;}
#slayt .slaytbutonlari:hover .slaytbuton{}
#slayt .slaytbutonlari:hover .slaytbuton img{}
#slayt .slaytbutonlari .slaytbuton h3{position: absolute;font-size: 14px;line-height: 18px;letter-spacing: 0;text-align: center;display: block;padding: 10px;height: 100%;color: #fff;font-weight: bold;box-sizing: border-box;margin: 0;background: rgba(4, 50, 85, 0.5);width: 100%;box-sizing: border-box;}
#slayt .slaytbutonlari .slaytbuton:hover h3{background: rgba(96, 96, 96, 0.3);}
#slayt .slaytbutonlari .slaytbuton.noktali{border: 0;width: auto;}
#slayt .slaytbutonlari .slaytbuton.noktali span{display: block;width: 30px;height: 30px;}
#slayt .owl-theme .owl-controls{margin: 0;}
#slayt .owl-carousel .owl-item{opacity: 0.5;}
#slayt .owl-carousel .owl-item .ackapa{display:none;}
#slayt .owl-carousel .owl-item.active{opacity: 1;}
#slayt .owl-carousel .owl-item.active .ackapa{display:block;}
#slayt .owl-carousel .owl-controls{}
#slayt .owl-carousel .owl-controls .owl-nav{}
#slayt .owl-carousel .owl-controls .owl-nav .owl-prev{left: 10px;}
#slayt .owl-carousel .owl-controls .owl-nav .owl-next{right: 10px;}
#slayt .owl-carousel .owl-controls .owl-nav>div{position: absolute;top: 50%;font-size: 82px;background: none;margin: -45px 0 0 0;}
#slayt .owl-carousel .owl-controls .owl-dots{position: absolute;bottom: 0;width: 100%;}
#slayt .owl-carousel .owl-controls .owl-dots .owl-dot{}
#slayt .owl-carousel .owl-controls .owl-dots .owl-dot span{}

.dovizler{}
.dovizler table{width: 100%;}
.dovizler thead{}
.dovizler thead tr{}
.dovizler thead tr td{padding: 8px 0;font-weight: bold;}
.dovizler tbody{}
.dovizler tbody tr{}
.dovizler tbody tr td{padding: 5px 0;}
.dovizler tbody tr:last-child td{border:0;}
.dovizler tbody tr td span{display: inline-block;padding: 0 5px;background: #043255;color: #fff;font-size: 12px;line-height: 18px;width: 15px;text-align: center;margin-right: 4px;}
.dovizler tbody tr td span i{}

.haberler{}
.haberler ul{}
.haberler ul li{margin-bottom:15px;}
.haberler ul li:last-child{margin-bottom:0;}
.haberler ul li a{font-size: 14px;}
.haberler ul li a:hover{}
.haberler ul li img{margin-bottom: 10px;}
.haberler ul li time{display:block;color: #B1B1B1;font-size: 12px;}
.haberler ul li p a,
.haberler ul li a p{color: #043255;font-weight:bold;}
.haberler ul li p{color: #464646;margin-bottom: 10px;}

.galeriler ul{margin-bottom: 10px;}
.galeriler ul li{display: inline-block;float: left;width: 33.33%;position:relative;}
.galeriler ul li a{display: block;line-height: 0;padding: 5px;}
.galeriler ul li a:hover{text-decoration:none;}
.galeriler ul li a img{width: 100%;height: auto;}
.galeriler ul li a.galeridetay:after {content: "\f101";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;position: absolute;line-height: 0;font-size: 40px;color: #FF9800;top: 50%;left: 50%;z-index: 1;margin: 0px 0 0 -10px;}

.gallery .gallery-item{display: inline-block;margin-bottom: 10px;line-height: 0;padding: 0 5px;}
.detayic .gallery .gallery-item img{  border:1px solid #dedede; }
.gallery-columns-1 .gallery-item{width: 100%;}
.gallery-columns-2 .gallery-item{width: 50%;}
.gallery-columns-3 .gallery-item{width: 33.333%;}
.gallery-columns-4 .gallery-item{width: 25%;}
.gallery-columns-5 .gallery-item{width: 20%;}
.gallery-columns-6 .gallery-item{width: 16.6%;}
.gallery-columns-7 .gallery-item{width: 14%;}
.gallery-columns-8 .gallery-item{width: 12.5%;}
.gallery-columns-9 .gallery-item{width: 11%;}
.gallery-columns-10 .gallery-item{width: 10%;}

.bilesen{width: 100%;box-sizing: border-box;margin-bottom: 20px;}

#ortakisim{/* padding: 30px 0; */}
#ortakisim .anasayfa-ust .bilesen{box-shadow: 4px 4px 10px #E4E4E4;border-bottom: 2px solid #8c0000;background: #fff;}
#ortakisim .anasayfa-ust .bilesen .baslik{position: relative;border-bottom: 3px solid #8c0000;margin-bottom: 5px;font-weight: bold;font-size: 16px;color: #8c0000;padding: 10px 15px 5px 15px;}
#ortakisim .anasayfa-ust .bilesen .baslik a{float: right;font-size: 12px;font-weight: normal;color: #8c0000;}
#ortakisim .anasayfa-ust .bilesen .baslik a:hover{color: #8c0000;}
#ortakisim .anasayfa-ust .bilesen .bilesenic{padding: 10px 15px 10px 15px;}
#ortakisim .bilesen .bilesenic ul{}
#ortakisim .bilesen .bilesenic ul li{color:#043255;}
#ortakisim .bilesen .bilesenic ul li a{font-size: 14px;color:#043255;}
#ortakisim .bilesen .bilesenic ul li:hover a{text-decoration:underline;}
#ortakisim .bilesen .bilesenic ul li ul{margin: 0 0 5px 18px;list-style-type: disc;}
#ortakisim .bilesen .bilesenic ul li ul li{}
#ortakisim .bilesen .bilesenic ul li:hover ul li a{text-decoration:none;}
#ortakisim .bilesen .bilesenic ul li:hover ul li:hover a{text-decoration:underline;}


.referanslar{margin: 30px 0 20px 0;}
.referanslar .satir.slaytyap .owl-stage-outer{padding:10px 0;}
.referanslar .owl-carousel .owl-item img{ border-radius: 4px; border: 1px solid #ddd; }

#referanslar .slaytkontrol{}
#referanslar .slaytkontrol .slaytoklar{width:100%;}
#referanslar .slaytkontrol .slaytoklar div{position: absolute;top: 45%; color: #555;text-align: center;font-size: 30px;cursor:pointer;}
#referanslar .slaytkontrol .slaytoklar .s{left:-42px; }
#referanslar .slaytkontrol .slaytoklar .l{right:-42px;}

.sutun-4 .hakkimizda h3{display:none;}
.sutun-4 .hakkimizda div[class*="sutun-"]{width:100%;margin:0;}
.hakkimizda img{ margin: 5px 0px 0px 0px; }
.hakkimizda h3{ font-size:24px; margin:0px 0px 8px 0px; padding:0px 0px 4px 0px; border-bottom: 1px dotted #dedede; }
.hakkimizda p{}

#ortakisim .anasayfa-ust{padding: 60px 0 45px 0;}
#ortakisim .anasayfa-orta{}
#ortakisim .anasayfa-orta>div{padding: 60px 0 45px 0;}
#ortakisim .anasayfa-orta .bilesen{border: 0;background: none;box-shadow: none;}
#ortakisim .anasayfa-orta .bilesen .bilesenic{padding: 0;}
#ortakisim .anasayfa-orta .bilesen .baslik{position: relative;text-align: center;font-size: 16px;margin-bottom: 20px;z-index: 0;font-weight: bold;border: none;}
#ortakisim .anasayfa-orta .bilesen .baslik a{color: #043255;float: none;font-size: 16px;font-weight: bold;display: block;}
#ortakisim .anasayfa-orta .bilesen .baslik a:hover{color: #FF9800;}
#ortakisim .anasayfa-orta .bilesen .baslik a.tumu{font-size:12px;font-weight:normal;}
#ortakisim .anasayfa-orta .bilesen .baslik .baslikcizgi{content:"";display:block;width:100%;height:1px;background: #d6d6d6;position:absolute;z-index: -2;top: 50%;left: 0;}
#ortakisim .anasayfa-orta .bilesen .baslik .baslikbg{content:"";display:block;width: 150px;height:30px;background: #f6f6f6;left:50%;position:absolute;z-index: -1;margin: 0 0 0 -75px;top: 0;}
#ortakisim .anasayfa-orta .bilesen h2.slogan{ font-size: 18px; font-weight: 400; color: #888; text-align: center; line-height: 160%; padding: 0px 40px; margin: 0px; }

#altmenu{background: #043255;padding: 20px 0;}
#altmenu .bilesen{}
#altmenu .bilesen .baslik{font-weight: bold;position: relative;margin-bottom: 10px;font-size: 16px;color: #fff !important;}
#altmenu .bilesen .baslik a{float: right;font-size: 12px;font-weight: normal;color: #043255;background:  #fff !important;padding: 1px 5px;}
#altmenu .bilesen .bilesenic{}
#altmenu .bilesen .bilesenic ul{}
#altmenu .bilesen .bilesenic ul li{color: #FFFFFF;}
#altmenu .bilesen .bilesenic ul li a{font-size: 14px;color: #FFFFFF;}
#altmenu .bilesen .bilesenic ul li:hover a{color: #FF9800;}
#altmenu .bilesen .bilesenic .haberler{}
#altmenu .bilesen .bilesenic .haberler ul{}
#altmenu .bilesen .bilesenic .haberler ul li{}
#altmenu .bilesen .bilesenic .haberler ul li a{}
#altmenu .bilesen .bilesenic .haberler ul li a time{color: #FF9800;font-size: 12px;}
#altmenu .bilesen .bilesenic .haberler ul li a p{}

#altkisim{background: #011B2F;padding: 10px 0;font-size: 12px;}
#altkisim .copyright{float: left;color: #fff;}
#altkisim .designer{float: right;}
#altkisim .designer a{color: #fff;font-weight: bold;}

#sayfaust{background: #043255;padding: 20px 0 50px 0;margin-bottom: -30px;}
#sayfaust .baslik{float: left}
#sayfaust .baslik h1{color: #fff;font-size: 28px;line-height: 30px;margin:0;}
#sayfaust .baslik h1 a{color: #fff;}
#sayfaust .linkharitasi{float: right;}
#sayfaust .linkharitasi ul{}
#sayfaust .linkharitasi ul li{display: inline-block;position: relative;}
#sayfaust .linkharitasi ul li a{display: block;padding: 3px 23px 3px 3px;color: #fff;}
#sayfaust .linkharitasi ul li:after {content: "\f0d9";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;position: absolute;line-height: 0;font-size: 16px;color: #FFFFFF;top: 50%;right: 10px;z-index: 1;}

.sayfabaslik{padding: 5px 20px 0 20px;border-top: 5px solid #4B98D2;}
.sayfabaslik h2{position: relative;border-bottom: 1px solid #E4E4E4;margin-bottom: 10px;font-weight: bold;font-size: 22px;color: #043255;padding: 10px 0 5px 0;}
.sayfabaslik p{ text-align: center; font-size: 16px; line-height: 140%; color:#043255; padding: 20px; border-bottom: 1px dotted #dedede; margin-bottom: 20px; }
.sayfabaslik h3{font-size: 20px;color: #043255;}
body.page .detayic,
body.single .detayic{float: left;width: 100%;background:#fff;}
body.page .sayfabaslik,
body.single .sayfabaslik{float: left;width: 100%;background:#fff;}
.detayic{padding: 0 20px 15px 20px;}
.detayic p{margin-bottom: 10px;}
.detayic *{max-width:100%;}

figure{margin-bottom:20px}
figure img{width:100%;}

.altkategoriler{padding: 5px 20px 0 20px;}
.altkategoriler ul{display: block;float: left;}
.altkategoriler ul li{display: block;float: left;margin: 0 10px 10px 0;}
.altkategoriler ul li a{display: inline-block;padding: 5px 10px;color: #fff;}
.altkategoriler ul li:hover a{}

.anamenuustu{}
.anamenuustu .tel{display: inline-block;margin: 0 15px 0 0;font-size: 18px;line-height: 18px;}
.anamenuustu .tel a{}
#ustmenu .sosyalmedya{float: right;}
#ustmenu .sosyalmedya ul{}
#ustmenu .sosyalmedya ul li{border-right: none;line-height: 0;}
#ustmenu .sosyalmedya ul li a{padding: 0;}
#ustmenu .sosyalmedya ul li a i{line-height: 21px;font-size: 24px;background: #fff;width: 20px;height: 21px;}

#ortakisim .sidebar{}
#ortakisim .sidebar .bilesen:first-child{box-shadow:none;border-top: 5px solid #4B98D2;}
#ortakisim .sidebar .bilesen:first-child .baslik{}
#ortakisim .sidebar .bilesen{background: #fff;padding: 10px 20px 20px 20px;}
#ortakisim .sidebar .bilesen .baslik{position: relative;border-bottom: 1px solid #E4E4E4;margin-bottom: 10px;font-weight: bold;font-size: 14px;color: #043255;padding: 0 0 5px 0;}
#ortakisim .sidebar .bilesen .baslik a{float:right;font-size:12px;font-weight:normal;}


.listeleme{}
.listeleme .haberkutu{box-shadow: 4px 4px 10px #E4E4E4;border-bottom: 3px solid #ccc;background: #fff;margin-bottom: 20px;}
.listeleme .haberkutu:hover{border-bottom-color:#FF9800}
.listeleme .haberkutu a{}
.listeleme .haberkutu a img{width: 100%;}
.listeleme .haberkutu a .haber{padding: 10px 20px 20px 20px;}
.listeleme .haberkutu a h4{color: #000000;font-weight: bold;text-align: left;font-size: 18px;margin-bottom: 10px;}
.listeleme .haberkutu a p{color: #9c9c9c;text-align: left;font-size: 14px;margin: 0;}

.sayfalama{padding: 20px 0;}
.sayfalama span,
.sayfalama a{display: inline-block;background: #F3F3F3;padding: 2px 8px;font-size: 14px;font-weight: bold;color: #043255;}
.sayfalama span,
.sayfalama a:hover{background: #043255;color: #fff;}

.detayic form{}
.detayic form input{width: 100%;margin-bottom: 10px;}
.detayic form input[type="text"]{}
.detayic form input[type="submit"]{border: 0;background: #043255;color: #fff;font-size: 14px;width: auto;float: right;}
.detayic form input[type="email"]{}
.detayic form label{}
.detayic form p{font-size: 14px;font-weight: bold;}
.detayic form textarea{width: 100%;margin-bottom: 10px;}

.yapimasamasinda{text-align: center;padding: 40px;width: 50%;margin: 0 auto;max-width: 100%;box-sizing: border-box;}
.yapimasamasinda h1{margin-bottom: 20px;}
.yapimasamasinda h2{font-size: 20px;}
.yapimasamasinda .sosyalmedya{padding: 20px;margin-top: 40px;}
.yapimasamasinda .sosyalmedya ul li{float: none;display: inline-block;margin: 0 3px;}

.sosyalmedya ul{}
.sosyalmedya ul li{float: left;margin-left: 5px;}
.sosyalmedya ul li a{color: #565656;font-size: 28px;line-height: 0;display: block;}
#ortakisim .bilesen .bilesenic .sosyalmedya ul li a{font-size: 28px;}
#altmenu .bilesen .bilesenic .sosyalmedya ul li a{font-size: 28px;}
#altmenu .bilesen .bilesenic .sosyalmedya ul li a i{color: #fff!important;}
.sosyalmedya ul li a i.fa-facebook-square{color: #0F3D8B;}
.sosyalmedya ul li a i.fa-twitter-square{color: #2E9AFF;}
.sosyalmedya ul li a i.fa-google-plus-square{color: #E24122;}
.sosyalmedya ul li a i.fa-youtube-square{color: #B40A03;}
.sosyalmedya ul li a i.fa-linkedin-square{color: #3F51B5;}
.sosyalmedya ul li a i.fa-instagram{color: #795548;}
.sosyalmedya ul li a i.fa-rss-square{color: #FF5722;}
.sosyalmedya ul li:hover a i{color:#1C7BD4;}

ul.iletisimbilgisi{}
ul.iletisimbilgisi li{margin-bottom: 10px;line-height: 15px;}
ul.iletisimbilgisi li span{font-weight: bold;display: inline-block;min-width: 60px;}

#altmenu ul.iletisimbilgisi{}
#altmenu ul.iletisimbilgisi li{margin: 10px 0px;line-height: 15px; font-size:17px; color: #fff; text-align: justify; text-align: center; }
#altmenu ul.iletisimbilgisi li span{font-weight: bold;display: inline-block;min-width: 60px;}


.urunler{}
.urunkutusu{background: #fff;box-shadow: rgba(0, 0, 0, 0.22) 4px 4px 10px;border-bottom: 2px solid #043255;padding: 10px;position: relative;text-align: center;width: 100%;margin-bottom: 15px;box-sizing: border-box}
.urunkutusu:hover{border-bottom-color: #FF9800;}
.urunkutusu a{}
.urunkutusu a img{margin-bottom: 10px;width: 100%;}
.urunkutusu a h6{margin-bottom: 5px;font-weight: normal;font-size: 16px; letter-spacing: -0.6px;}
.urunkutusu a .ufiyat{font-size: 16px;}
.urunkutusu a .udetay{margin: 10px auto;background: #043255;color: #fff;padding: 0 5px;display: inline-block;}
.urunkutusu:hover a .udetay{background: #FF9800;}
.urunler .owl-theme .owl-dots .owl-dot.active span,
.urunler .owl-theme .owl-dots .owl-dot:hover span {background: #043255;}

.urunler .satir.slaytyap .owl-stage-outer{padding:10px 0;}
.urunler .satir.slaytyap .sutun-3{width:100%;}

ul.urunbilgisi{margin-bottom: 15px;}
ul.urunbilgisi li{}
ul.urunbilgisi li span{font-weight: bold;}
ul.urunbilgisi li a{}

#ortakisim form{}
#ortakisim form label{}
#ortakisim form input[type="text"]{padding: 5px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);width: 100%;margin-bottom: 10px;}
#ortakisim form textarea{padding: 5px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);width: 100%;margin-bottom: 10px;}
#ortakisim form input[type="submit"]{background: #043255;border: 0;margin-bottom: 5px;color: #fff;font-size: 14px;}

.mobil-language{ display: none; }

/*Stiller Bitti*/

@media (min-width: 550px) and (max-width: 804px) {
#slayt .slaytlar .slayt img {height: auto;}
#slayt .slaytlar .slayt .slaytic .baslik{width: 100%;top: 10px;}

.galeriler ul li {width: 50%;}
#ortakisim .bilesen .baslik{font-size: 14px;}

#ustmenu .lang a:before{ content: "EN"; }

}

@media (max-width: 549px) {

.mobil-language{ display: block; }

.mobilmenuackapa{display:block;position: absolute;top: 10px;right: 20px;font-size: 40px;cursor: pointer;line-height: 0;}
.arama,
.anamenu{display:none;}

.tablar .tablinkler .tablink{width: 100%;box-sizing: border-box;margin-bottom: 5px;}
.filtreler .filtrelinkler .filtrelink{width: 100%;box-sizing: border-box;margin-bottom: 5px;}

#ustmenu {display:none;}
#logobar{padding: 20px 0px 0px 0px;}
#logobar .arama form input[type="text"] {width: 100%;}
#logobar .logo {margin-bottom: 20px;}
#logobar .logo a img {max-width: 150px;}
#logobar .anamenu ul {text-align: left;}
#logobar .anamenu ul li {width: 100%;display: block;}
#logobar .anamenu ul li.altmenulu:after {top: 17px;}
#logobar .anamenu ul li ul {display:block;position: relative;padding-left: 20px;}
#logobar .anamenu ul li ul a,
#logobar .anamenu ul li:hover ul a,
#logobar .anamenu ul li a{box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.05);}
#logobar .anamenu ul li ul a{color:#000;}
#logobar .anamenu ul li:hover a{background: none!important;color: #000;}
#logobar .anamenu ul li ul li a {font-size: 14px;padding: 3px;}
#logobar .anamenu ul li ul li ul {display:block;position: relative;left: 0;}
#logobar .anamenu ul li:hover ul li:hover ul{left: 0;}
#logobar .anamenu ul li ul li:after {left: -10px;}
#logobar .arama form input[type="text"]:focus{width:100%;}

#slayt {}
#slayt .slaytlar .slayt .slaytic .baslik{width: 100%;top: 0;text-align: center;}
#slayt .slaytlar .slayt .slaytic .baslik h4 {margin: 0 auto;}
#slayt .slaytlar .slayt .slaytic .baslik h4 {font-size: 18px;text-align: center;}
#slayt .slaytlar .slayt .slaytic .baslik h5,
#slayt .slaytbutonlari{display: none;}
#slayt .cerceve{padding:0;}
#slayt .slaytlar .slayt .slaytic .ackapa {margin: 10px 20px 0 0;}
#slayt .slaytlar .slayt .slaytic .ackapa.baslikkapat {margin: 10px 0 0 0;top: 0;right: 20px;padding: 8px 10px;}

#sayfaust .linkharitasi,
#sayfaust .baslik{float:none;}
#sayfaust .baslik h1 {font-size: 20px;margin-bottom: 10px;}

.gallery .gallery-item {width: 100% !important;}
.gallery .gallery-item img{ width: 100%; }

#ustmenu .menu-ust-menu-container{ display: none; }
#ustmenu h2{ text-align: center; display: block; }
#ustmenu .lang{ float: none; margin: 8px auto; display: block; max-width: 100px; width: 100%; }
#ustmenu .lang a{ display: block; text-align: center; }

#altmenu {text-align: center;}
#altmenu .sosyalmedya ul li {float: none;display: inline-block;}

}


.language{ display: inline-block; float: right; border-left: 1px solid rgba(255, 255, 255, 0.18); padding-left: 10px; }
.language ul{}
.language ul li{ float: right; margin-left: 5px; }
.language ul li a, img{ margin:0px; padding: 3px 0px;  }
.language ul li img{ float: left; padding-right: 5px; }
.language ul li span{ float: left; font-size:13px; color: #fff; line-height: 22px; }

ul.mobil-language li a{ margin:0px; padding: 3px 0px; font-size:13px !important; line-height: 22px; }
ul.mobil-language li img{ float: left; padding-right: 5px; }