@charset "utf-8";
/* CSS Document */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol,ul{list-style:none;}blockquote,q{quotes:none;}table,table td{padding:0;border:none;border-collapse:collapse;}img{vertical-align:top;}embed{vertical-align:top;}*{border:none}input,textarea{outline:none!important}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block;}mark,rp,rt,ruby,summary,time{display:inline}
html{min-height:100%;min-width:980px; height:100%; }
body{min-height:100%;min-width:980px; height:100%; overflow:auto; overflow: -moz-scrollbars-vertical; overflow-y: auto; overflow-y: scroll; margin:0; font-size: 14px; font-family: "Roboto"; background: #f9f9f9;}
p{ margin:0px;}
table{color: #000;	text-decoration: none;	font-size: 14px; font-family: "roboto"; font-weight: normal; line-height:175%}
a { color: #000; text-decoration: none; font-size:14px; font-family: 'Roboto'; font-weight: 300; cursor:pointer; }
h1{position:relative; clear:both; font-family: 'Roboto', serif; font-weight:400; font-style:normal; font-size:40px; line-height:36px;  color:#02de8e; padding:0 0 10px 0; margin:0;}
h2{ font-family: 'Roboto', serif; font-weight:400; font-size:18px; line-height:18px;  color:#02de8e; padding:20px 0 10px 0; margin:0;}

#page_container{ position:relative; width:100%;}
#header_container{ position: absolute; display:block; top:0; width:100%; height:auto; padding:0; background:none; z-index:997; background: rgba(34,39,58,0.6);}
#header_container #header{ position:relative; width:1170px; margin:0 auto; padding:0px; height:70px; background:#none;}
#header_container #logo{ float:left; margin:0px; margin-right: 50px;	 z-index: 102; width:auto; height:100%; text-align:center;}
#header_container #logo img{ position:relative; height:auto; margin:10px;}
#header_container .language_container{ position: relative; float: right; right:130px;  height: 100%; width: 150px; background: #02de8e;}
#header_container .header_bg{position:absolute; clear:both; width:100%; height:100%; background:none; overflow:hidden;}
#header_container .header_bg_sag{position:relative; background: rgba(34,39,58,1);; width:50%; height:100%; float:right; left:455px;}

#banner_container{ position:relative; width:100%; height:100%; padding:0px; margin:0px; overflow:hidden;}
#banner_container .slider_container{ position:relative; padding:0px; margin:0px auto; width:100%; height:100%; overflow:hidden;}
.tparrows.default{z-index: 91;}
#banner_container .slider_arama_container{ position:absolute; height:100%; width: 100%; bottom: 0px; background:none; overflow:hidden;}
#banner_container .pano_arama_sol{ position:absolute; background: none;  height:70px; width: 100%; bottom: 0; z-index: 104;}
#banner_container .pano_arama_sag{ position:relative;  background:rgba(2,222,142,0.3);; height:100%; width: 50%; float: right; left: 305px; z-index: 90;}
#banner_container .pano_arama_container{ position:relative; height:70px; width: calc(50% + 305px); float: left; right:0px; background:#22273a;  z-index: 105;}
#banner_container .caption .text_1{position: absolute;  left: -550px; width: 550px; font-family: Roboto; font-size: 48px; font-weight: bold; text-align: left; color: #02de8e; white-space: nowrap; line-height: 150%;}
#banner_container .caption .text_2{position: absolute;  left: -550px; width: 550px; font-family: Roboto; font-size: 24px; font-weight: 300; text-align: left; color: #fff; white-space: normal; line-height: 150%;}
#banner_container .caption .text_3{position: absolute;  left: -550px; width: 550px; font-family: Roboto; font-size: 14px; font-weight: 300; text-align: left; color: #fff; white-space: normal; line-height: 150%;}
#banner_background .bg{height:450px; background: url("images/banner/bg_icerik.jpg") center top;}

#banner_container .scroll_container{ position:absolute; bottom:30px; width:100%; text-align:center; margin:auto; padding:0; z-index:201;}
#banner_container .social_container{ position:absolute; left:0; right:0px; bottom:100px;}
#banner_container .social_container a{ display:inline-block; margin:0px 5px;}



/*::::: ARAMA :::::*/
#arama {float:right;position:relative; margin :15px;padding:0px 0px 0 0px; height:auto; width: 300px; z-index: 2001;}
#arama_gurup{position:relative; margin :0px; padding:0px;}
#arama_gurup .txbSearch{position:relative; float:left; text-align:left; font-family:'Roboto', sans-serif; font-weight:300; font-style:normal; font-size:16px; color:#999999; height:16px; line-height:16px; width:calc(100% - 80px); padding:12px 20px 12px 20px; margin:0;background:#3e4253; -webkit-border-top-left-radius: 20px; -webkit-border-bottom-left-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-bottomleft: 20px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}	
#arama_gurup .txbSearch::placeholder {color: #999999;opacity: 1;}
#arama_gurup .txbSearch::-ms-input-placeholder {color: #999999;}
#arama_gurup .txbSearch:focus{outline: none; color:#4cf4b7;}
#arama_gurup .btnSearch{ /*display:none;*/ float:right; text-align:center; font-family:'Roboto', sans-serif; font-weight:700; font-style:normal; font-size:16px; color:#02de8e; height:16px; line-height:16px;  padding:12px 20px;margin:0; outline:none; text-indent: -9999px; background:#3e4253 url(images/theme/arama_inbut_bg.png) no-repeat calc(100% - 14px) center;border:none; -webkit-border-top-right-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}

/*::::: PROJE ARAMA :::::*/
.arama_form{ display:inline-block; width: 100%; position: relative; clear: both; margin-bottom: 20px; }
.arama_form #arama{ float: none; display:block; position: relative; width: 300px; margin: 15px auto;  background: #fc0; }
.proje_container{ position: relative; display: inline-block; margin: 40px 0;}
.proje_container .proje_ad{ position: relative; font-family: "roboto"; font-size: 20px; font-weight: bold; line-height:150%; color:#22273a;  }
.proje_container .proje_serino{ position: relative; font-family: "roboto"; font-size: 20px; font-weight: bold; line-height:150%; color:#22273a;  }
.proje_container .proje_ad span,.proje_container .proje_serino span{ display: block; color: #02de8e;}
.dosya_container{ position:relative; display:block;  margin: -10px; }
.dosya{ position:relative; display:block; margin:10px; font-size: 18px; font-family: "Roboto"; font-weight:300; line-height:175%; color: #22273a; background:#f3f3f3 url(images/theme/indir_ico.png) 30px 15px no-repeat; padding: 20px 20px 20px 100px; transition: all .2s ease-in-out;}
.dosya:hover{background:#e6e6e6 url(images/theme/indir_ico.png) 30px 15px no-repeat;}
.dosya a{ display: inline-block; }

.hesaplama_container{ position:relative; display:block;  margin: -10px; }
.hesaplama{ position:relative; display:block; margin:10px; font-size: 18px; font-family: "Roboto"; font-weight:300; line-height:175%; color: #22273a; background:#f3f3f3 url(images/theme/hesap_ico.png) 30px 15px no-repeat; padding: 20px 20px 20px 100px; transition: all .2s ease-in-out;}
.hesaplama:hover{background:#e6e6e6 url(images/theme/hesap_ico.png) 30px 15px no-repeat;}
.hesaplama a{ display: inline-block; }
#hesaplama .sonuc{ position: relative;  opacity: 0; filter: alpha(opacity=0);}
#hesaplama .sonuc_container{ position: relative; display: inline-block; margin: 20px; padding: 20px 20px; background: #dddfe6; font-family: Roboto; font-size: 18px; font-weight: bold; text-align: left; color:#22273a /*#02de8e*/;}

.enerji{ clear:both; margin:-20px; padding:0;}
.enerji .bolum_container{ width:25%; float:left;}
.enerji .bolum{ margin:20px 20px; padding:10px; border:1px solid #dddddd; height:600px; background: #fff;}
.enerji .bolum .bolum_satir{ display: inline-block; width: 100%; padding:10px 0; border-bottom:1px solid #dddddd; line-height:125%;}
.enerji .bolum .bolum_satir .bolum_text{ float:left; width:75%;font-family: 'Roboto Condensed', sans-serif; font-size: 18px; line-height: 125%;}
.enerji .bolum .bolum_satir .bolum_input{ float:left; width:25%; text-align:right; }
.enerji_deger{ margin:0 15px; font-family: 'Roboto', sans-serif; font-weight:700; font-style:normal;font-size:18px; height:auto;color:#02de8e; }


/*::::: AÇILIR ÜST MENÜ   :::::*/
#nav { position:relative; float:left; height:70px; display:inline-block; margin:0; padding:0px; text-align:left; z-index: 1000;}
#nav ul {position:relative; margin:0 auto; padding:0; height:70px; float:left; display:block;}
#nav li {list-style:none;float:left;margin:0;padding:0 0px 0 0; line-height:70px; height:70px;}
#nav li.son {background:none;}
#nav span {float:left;  border-top: 2px solid transparent; padding:0 25px 0 25px;line-height:70px;height:70px; background:none top center;}
#nav li a { position:relative;  overflow:hidden; text-transform:none;font-family: 'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal; font-size:14px; height:auto; color:#fff; display:block;line-height:70px;height:70px;margin:0;padding:0px;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav span:hover, #nav span.aktif {background: #22273a; color:#fff; border-top: 2px solid #02de8e; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav span:hover > a .menu_text, #nav span.aktif > a .menu_text{ color:#fff;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav li a .menu_text{ position:relative; font-size:20px; height:auto;color:#333; display:block; line-height:100%;}
#nav li a .menu_simge{ position:relative; width:auto; height:32px; margin:15px 0 8px;}
#nav li a .simge_1{ background:url(images/theme/menu_logo_5.png) no-repeat center top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav li a .simge_2{ background:url(images/theme/menu_logo_3.png) no-repeat center top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav li a .simge_3{ background:url(images/theme/menu_logo_4.png) no-repeat center top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav li a .simge_4{ background:url(images/theme/menu_logo_2.png) no-repeat center top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav li a .simge_5{ background:url(images/theme/menu_logo_1.png) no-repeat center top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav span:hover > a .menu_simge{ background-position:center bottom;}

/* First level dropdown */
#nav li ul {margin:0 0 0 -25px;background:#22273a; padding:10px;list-style:none;position:absolute; display:none;left:-999em;top:70px;width:220px;z-index:10;height:auto;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}
#nav li li {z-index:20;position:relative;margin:0;padding:0;width:100%;height:auto;line-height:12px;}
#nav li li a {text-indent:0;background:#22273a;border-bottom:1px solid #2b314a;font-weight:bold;padding:10px 10px 10px 10px;text-transform:none;font-family:'Roboto Condensed',sans-serif;font-weight:300;font-style:normal;font-size:16px;height:auto;line-height:18px;color:#555;text-decoration:none;}
#nav li li:last-child>a{ border:none;}
#nav li:hover li a, #nav li.sfhover li a {color:#eee; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav li li:hover a { background:#2b314a;color:#fff; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

/* Second level dropdown */
#nav li ul li ul{margin:0 0 0 0px; background:#2b314a; padding:10px; list-style:none; position:absolute; top:0px; left:220px; width:220px;z-index:11;height:auto; display:none;}
#nav li ul li:hover ul, #nav li.sfhover ul {left:220px;}
#nav li ul li li {z-index:20;position:relative;margin:0;padding:0;width:100%;height:auto;line-height:12px;}
#nav li ul li li a {text-indent:0;background:#2b314a;border-bottom:1px solid rgba(150,150,150,0.1);color:#555;font-weight:bold;padding:10px 10px 10px 10px;text-transform:none;font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:16px;height:auto;line-height:18px;text-decoration:none;}
#nav li ul li li:last-child>a{ border:none;}
#nav li ul li:hover li a, #nav li.sfhover li a {color:#eee; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav li ul li li:hover a{ background:#555;color:#fff; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

/* Third level dropdown */
#nav li ul li ul li ul{margin:0 0 0 0px; background:#555; padding:10px; list-style:none; position:absolute; top:0px; left:220px; width:220px;z-index:12;height:auto; display:none;}
#nav li ul li ul li:hover ul, #nav li.sfhover ul {left:220px;}
#nav li ul li li li{z-index:21;position:relative;margin:0;padding:0;width:100%;height:auto;line-height:12px;}
#nav li ul li li li a {text-indent:0;background:#555;border-bottom:1px solid rgba(150,150,150,0.1);color:#2b314a;font-weight:bold;padding:10px 10px 10px 10px;text-transform:none;font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:16px;height:auto;line-height:18px;text-decoration:none;}
#nav li ul li li li:last-child>a{ border:none;}
#nav li ul li li:hover li a, #nav li.sfhover li li a {color:#eee; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav li ul li li li:hover a{ background:#666;color:#fff; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

/* Fourth level dropdown */
#nav li ul li ul li ul li ul{margin:0 0 0 0px; background:#666; padding:10px; list-style:none; position:absolute; top:0px; left:220px; width:220px;z-index:12;height:auto; display:none;}
#nav li ul li ul li ul li:hover ul, #nav li.sfhover ul {left:220px;}
#nav li ul li li li li{z-index:21;position:relative;margin:0;padding:0;width:100%;height:auto;line-height:12px;}
#nav li ul li li li li a {text-indent:0;background:#555;border-bottom:1px solid rgba(150,150,150,0.1);color:#2b314a;font-weight:bold;padding:10px 10px 10px 10px;text-transform:none;font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:16px;height:auto;line-height:18px;text-decoration:none;}
#nav li ul li li li li:last-child>a{ border:none;}
#nav li ul li li li:hover li a, #nav li.sfhover li li li a {color:#eee; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav li ul li li li li:hover a{ background:#666;color:#fff; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

.main_container{ position:relative; clear:both; width:100%; display:block; margin:0; padding:0px 0}
.orta_container{ position:relative; width:1170px; margin:0 auto; display:table; height:100%;}
.orta_container_full{ position: relative; clear:both; float:left; width:calc(100% - 40px); margin:20px 20px ;}
.orta_container_sol{ position: relative; width:calc(50% - 40px); float:left; margin:20px;}
.orta_container_sag{ position: relative; width:calc(50% - 40px); float:right; margin:20px;}

.tablo_container{ position:relative; display:block; height:100%; margin:0px -20px  0px;}
.tablo_container_2{ position:relative; display:inline-block; height:100%; margin:-20px;}
.tablo_baslik{ font-family: 'Roboto', serif; font-size:26px; font-weight: bold; line-height:125%; color:#02de8e; padding:10px 0px; margin:0; overflow:hidden; white-space:nowrap;}
.tablo_baslik_2{ font-family: 'Roboto', serif; font-size:40px; line-height:125%; color:#333333; text-align:center; padding:10px 0 10px 0px; margin:0; overflow:hidden; white-space:nowrap;}
.tablo_baslik_3{ font-family: 'Roboto', serif; font-size:40px; line-height:125%; color:#ff8f15; padding:10px 0 10px 0px; margin:0; overflow:hidden; white-space:nowrap;}
.tablo_icerik{ position:relative; color: #22273a; text-decoration: none; font-size: 14px; font-family: "Roboto"; font-weight:300; line-height:175%;}
.tablo_icerik_2{color: #22273a; text-decoration: none;	font-size: 14px; font-family: "Roboto"; font-weight:300; line-height:150%; width:60%; margin:0px auto; padding:0 0 40px; text-align:center;}
.tablo_icerik .video_container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.tablo_icerik .video_container iframe,.video_container object,.video_container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.tablo_icerik .tablo_resim{ text-align:right; position:relative; height:auto; border:10px solid #f6eeee;}
.tablo_icerik .tablo_resim_sol{ float:left; margin:10px 100px 50px 0px;}
.tablo_icerik .tablo_resim_sag{ float:right; margin:10px 0 50px 100px;}
.tablo_icerik .tablo_resim img{ width:100%;}
.tablo_resim .foto .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(54,48,48,1); opacity:0;}
.tablo_resim .foto .foto_ico_1{ position:absolute; left:0; top:0; width:100%; height:100%;  background:url(images/theme/ico_foto1.png) center no-repeat; background-size:60px; opacity: 0; filter: alpha(opacity=);}
.tablo_resim .foto .foto_ico_2{ position:absolute; left:0; top:0; width:100%; height:100%;  background:url(images/theme/ico_foto2.png) center no-repeat; background-size:100px; opacity: 0; filter: alpha(opacity=);}

.tablo_icerik .main_container{ padding: 20px 0; }
.tablo_icerik .main_container:nth-child(even) .orta_bolum_resim{position: relative; float: left;}
.tablo_icerik .main_container:nth-child(even) .orta_bolum_textarea{position: absolute; right:0; width: 65%; background: #f3f3f3;}
.tablo_icerik .main_container:nth-child(odd) .orta_bolum_resim{position: relative; float: right;}
.tablo_icerik .main_container:nth-child(odd) .orta_bolum_textarea{position: absolute; left:0; width: 65%; background: #f3f3f3;}
.tablo_icerik .orta_bolum_resim img{ vertical-align: middle;}
.tablo_icerik .orta_bolum_textarea_sol h2{position: relative; display: block; font-family: Roboto; font-size:80px; line-height: 120px;  text-align:center; font-weight: bold; color:#04ca82; margin: 0; padding: 0; border-top:5px solid #02de8e; padding-top:30px;}
.tablo_icerik .orta_bolum_textarea_sol h1{position: relative; display: block; font-family: Roboto; font-size:80px; line-height: 120px;  text-align:center; font-weight: bold; color:#04ca82; margin: 0; padding: 0; border-top:5px solid #02de8e; padding-top:30px;}


/*::::: ANASAYFA   :::::*/
.orta_bolum_1{background:#f9f9f9; padding-top: 50px;}
.orta_bolum_1 .orta_container_full{ margin:0 20px 0;}
.orta_bolum_1_alt{ background:#ececec; margin-top: -80px; padding-top: 150px; }
.orta_bolum_1_alt .button_container{position: relative;float: right; background:#22273a; width: 25%;}
.button_container a{display: block; font-family: Roboto; font-size: 20px; font-weight:bold; color:#FFF; padding: 25px 30px; background:url(images/theme/buttton_simge_01.png) no-repeat calc(100% - 10px) center;}

.orta_bolum_2{background:#ececec;}
.orta_bolum_2 .orta_container_full{ margin:0 20px 0;}
.orta_bolum_2 .tablo_container{ display:block;}
.orta_bolum_2 .orta_bolum_resim{position: relative; float: left;}
.orta_bolum_2 .orta_bolum_resim img{ vertical-align: middle;}
.orta_bolum_2 .orta_bolum_textarea{position: absolute; right:0; width: 75%; background: #fff;}
.orta_bolum_textarea_sol{position: relative; float: left; width: calc(33.33333% - 80px); padding:50px 40px;}
.orta_bolum_textarea_sol h1{position: relative; display: block; font-family: Roboto; font-size:26px; line-height: 32px; font-weight: bold; color:#04ca82; margin: 0; padding: 0; border-top:5px solid #02de8e; padding-top:30px;}
.orta_bolum_textarea_sol h2{position: relative; display: block; font-family: Roboto; font-size:26px; line-height: 32px; font-weight: bold; color:#04ca82; margin: 0; padding: 0; border-top:5px solid #02de8e; padding-top:30px;}
.orta_bolum_textarea_sol h2 span{ display: block; color: #333;}
.orta_bolum_textarea_sag {position: relative; float: left; width: calc(66.666666% - 80px); padding:50px 40px;}
.orta_bolum_textarea_sag h3{font-family: Roboto; font-size: 18px; font-weight: bold; color: #333; margin-bottom: 20px;}
.orta_bolum_textarea_sag div{font-family: Roboto; font-size: 14px; font-weight: normal; color: #333; line-height: 150%;}

.orta_bolum_3{background:#ececec;}
.orta_bolum_3 .hizmetler_container{ position: relative; float: left; width: 877px; margin: 0; background: #fff;}
.orta_bolum_3 .button_container{position: absolute; float: right; bottom: 0; right: 0; background:#02de8e; width: 25%;}

.orta_bolum_4{background:#ddd;}
.orta_bolum_4 .tablo_container{ display:block;}
.orta_bolum_4 .orta_container_full{ margin:0 20px 0;}
.orta_bolum_4 .orta_bolum_baslik{ position:relative; display: block; clear: both; float: right; font-family: Roboto; font-size:26px; line-height: 32px; font-weight: bold; color:#fff; background:#22273a url(images/theme/baslik_simge_01.png) no-repeat calc(100% - 100px) center;  width: calc(75% - 400px); padding: 50px 300px 50px 100px; margin: 0;}
.orta_bolum_4 .galeri_container{ position: relative; float: left; width: 877px; margin: 0; background: #fff;}
.orta_bolum_4 .galeri_maske{ position: absolute; left: 0; bottom: 0; width: 300px; height: 300px; background: #ddd; z-index: 111;}
.orta_bolum_4 .galeri_pagination{ position: relative; float:right; width: 25%; z-index: 110;}
.orta_bolum_4 .galeri_pagination .triger_container{ position: relative; background: #fff;  padding: 33px 10px;}
.orta_bolum_4 .galeri_pagination .triger_container .triger_numara{ position: relative; float: left; width: 70px; font-family: Roboto; font-size:18px; line-height: 32px; font-weight: bold; text-align: center; color:#04ca82; margin: 0; padding: 0; }
.orta_bolum_4 .galeri_pagination .triger_container .triger_text{ position: relative;width: auto; font-family: Roboto; font-size:14px; line-height: 125%; font-weight: normal; color:#333; margin: 0; padding: 0; }
.orta_bolum_4 .galeri_pagination .active{ background:#02de8e; margin-left: -50px; padding-right: 60px; }
.orta_bolum_4 .galeri_pagination .active .triger_numara,.orta_bolum_4 .galeri_pagination .active .triger_text{color:#fff;}
.orta_bolum_4 .button_container{position: relative;float: right; bottom: 0; right: 0; background:#22273a; width: 25%;}

.orta_bolum_5{background:#ececec;}
.orta_bolum_5 .orta_container_full{ margin:0 20px 0;}
.orta_bolum_5 .tablo_container{ display:block;}
.orta_bolum_5 .orta_bolum_textarea{position: absolute; left:0; width: 75%; background: #fff;}
.orta_bolum_5 .orta_bolum_resim{position: relative; float: right;}
.orta_bolum_5 .orta_bolum_resim img{ vertical-align: middle;}

/*::::: ÜRÜNLER ::::::::*/
.urunler_container{ position:relative; display:block; clear:both; margin:-15px;}
.urun_container{ position:relative; float:left; background:#e9e9e9; margin:15px; width:calc(25% - 30px);}
.urun_container .urun_resim{ position:relative;}
.urun_container .urun_resim img{ width:100%;}
.urun_container .urun_resim .resim_simge{ position:absolute; right:0; bottom:0px; background:#02de8e url(images/theme/urun_resim_simge.png) no-repeat center; width:50px; height:50px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.urun_container .urun_ad{ position:relative; display:block; text-align: left; height: 50px; vertical-align: middle; background:#f9f9f9; font-family:"Roboto Condensed"; font-size:16px; line-height:150%; font-weight:bold; color:#22273a; padding:15px 25px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
.urun_container:hover .urun_ad{ background:#e9e9e9;}
.urun_container:hover .urun_resim .resim_simge{ background-color:#04c57f;}

.urun_container .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(34,39,58,1); opacity:0;}
.urun_container .foto_ico{ position:absolute; left:0; top:0; width:100%; height:100%; background:none;}
.urun_container .foto_ico_1{ position:absolute; left:0; top:0; width:100%; height:100%;  background:url(images/theme/ico_foto1.png) center no-repeat; background-size:50px; opacity: 0; filter: alpha(opacity=);}
.urun_container .foto_ico_2{ position:absolute; left:0; top:0; width:100%; height:100%;  background:url(images/theme/ico_foto2.png) center no-repeat; background-size:100px; opacity: 0; filter: alpha(opacity=);}

/*::::: ÖZELLİKLER ::::::::*/
.ozellik_container{ position:relative; clear:both; display:block; margin:0px auto 40px;}
.ozellik_container .ozellik_satir_baslik{ position:relative; clear:both; display:block; margin:auto;font-family:"Roboto Condensed" , sans-serif; font-size:20px; font-weight: 700; color:#02de8e; padding:0 0 20px 0;}
.ozellik_satir{ position:relative; margin:auto; border-bottom:1px #ddd solid;}
.ozellik_satir:nth-child(even){ background:#f6f6f6;}
/*.ozellik_satir:nth-child(even) .ozellik_baslik{ background:#f0f0f0;}*/
.ozellik_satir:nth-child(odd){ background:#fdfdfd;}
/*.ozellik_satir:nth-child(odd) .ozellik_baslik{ background:#fcf7e8;}*/
.ozellik_satir .ozellik_baslik{ position:relative; display:inline-block; width:200px; padding:10px; font-family:"Roboto Condensed" , sans-serif; font-size:20px; font-weight:400; color:#22273a;}
.ozellik_satir .ozellik_deger{ position:relative; display:inline-block; padding:10px; font-family:"Roboto Condensed" , sans-serif; font-size:20px; color:#22273a;}
.form_btn_satir{ clear:both; text-align:center; margin-bottom:40px;}

/*::::: HİZMETLER ::::::::*/
.hizmetler_container{ position:relative; display:block; clear:both; margin:-15px;}
.hizmetler_container .hizmet_container{ position: relative; float: left; width:calc(33.333333% - 90px); margin: 15px; padding: 30px;}
.hizmet_numara{ width: 50px; height:50px; font-family: Roboto; font-size:16px; font-weight:bold; text-align: center; line-height: 50px; color: #02de8e; border: 2px solid #02de8e; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px;}
.hizmet_baslik{ font-family: Roboto; font-size:24px; font-weight:bold;  color: #22273a; margin: 20px 0 ;}
.hizmet_aciklama{font-family: Roboto; font-size: 14px; font-weight: normal; color: #333; line-height: 150%;}

/*::::: BELGELER ::::::::*/
.belgeler_container{ position:relative; float:left; width:calc(100% - 20px);  margin:10px;}
.belgeler_container a{ position:relative;}
.belgeler_container .belge{ position:relative; display:inline-block; margin:10px; font-size: 14px; font-family: "Roboto"; font-weight:300; line-height:175%; color: #666; background:#f3f3f3 url(images/theme/belge_ico.png) 30px 30px no-repeat; padding: 20px 20px 20px 100px; transition: all .2s ease-in-out;}
.belgeler_container .belge:hover{background:#e6e6e6 url(images/theme/belge_ico.png) 30px 30px no-repeat;}
.belgeler_container .belge .belge_baslik{ font-family: 'Roboto condensed', sans-serif; font-weight:400; font-style:normal;font-size:24px; margin-bottom:10px; padding: 0; color:#22273a;}

/*::::: REFERANSLAR ::::::::*/
.referanslar_container{ position:relative; float:left;  width:calc(100% - 30px); margin:-5px 15px 15px; padding:0 0 0px 0;}
.referans_baslik{ position:relative; margin:20px 5px 5px; background:#22273a;font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px;  color:#fff; padding:10px 15px; transition: all .2s ease-in-out}
.referans{  position:relative; margin:5px; background:#f0f0f0 url(images/theme/referans_ico.png) 15px 10px no-repeat; padding:10px 15px 10px 60px; line-height:30px; transition: all .2s ease-in-out}
.referans:hover{background:#e6e6e6 url(images/theme/referans_ico.png) 15px 10px no-repeat;}

/*::::: FOTO GALERİ ::::::::*/
#sayfa_galeri_container {position:relative; margin:20px -20px; padding:0px; }
#sayfa_galeri{ list-style:none; float:left; margin:0px; width:100%; padding:0px;}
#sayfa_galeri .foto{ position:relative; list-style:none; float:left; width:calc(20% - 40px); height:auto; margin:20px; padding:0px; text-align:center; vertical-align:middle; border:0px solid #efefef; background:none; overflow:hidden; text-align:center; vertical-align:middle; background:none;/* -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;*/}
#sayfa_galeri .foto img{ width:100%; height:auto; transition: all 1s ease-in-out;}
#sayfa_galeri .foto:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transition: all .5s ease-in-out;}	
#sayfa_galeri .foto .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(54,48,48,1); opacity:0;}
#sayfa_galeri .foto .foto_ico{ position:absolute; left:0; top:0; width:100%; height:100%; background:none;}
#sayfa_galeri .foto .foto_ico_1{ position:absolute; left:0; top:0; width:100%; height:100%;  background:url(images/theme/ico_foto1.png) center no-repeat; background-size:60px; opacity: 0; filter: alpha(opacity=);}
#sayfa_galeri .foto .foto_ico_2{ position:absolute; left:0; top:0; width:100%; height:100%;  background:url(images/theme/ico_foto2.png) center no-repeat; background-size:100px; opacity: 0; filter: alpha(opacity=);}

/*::::: İLETİŞİM ::::::::*/
.iletisim{ position:relative; clear:both; margin:40px 0px;}
.iletisim .iletisim_adres{ position:relative; margin:15px 0; background:url(images/theme/ico_adres.png) no-repeat left 3px; padding-left:50px;}
.iletisim .iletisim_telefon{ position:relative; margin:15px 0; background:url(images/theme/ico_telefon.png) no-repeat left 3px; padding-left:50px;}
.iletisim .iletisim_faks{ position:relative; margin:15px 0; background:url(images/theme/ico_faks.png) no-repeat left 3px; padding-left:50px;}
.iletisim .iletisim_email{ position:relative; margin:15px 0; background:url(images/theme/ico_email.png) no-repeat left 0px; padding-left:50px;}
.iletisim_form{ }
.iletisim span{font-family: 'Roboto condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px;  color:#22273a; padding:0 0 0px 0; margin:0; display:inline-block;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

#harita{ position:relative; margin:0px 0px 0px; padding:0px; border:0px #fff solid; width:100%; height:400px;}

/*::::: FORM ::::::::*/
.form_container { width:100%; margin:40px 0;}
.form_container .form_satir{}
.form_container .form_btn_satir{ clear:both; text-align:center;}
.form_container .form_baslik{font-family: 'Roboto condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px;  color:#22273a; padding:5px 0 5px 0; margin:0; width:200px; display:inline-block; line-height:125%; vertical-align:top;}
.form_container .form_nesne{ font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight:300; line-height:175%; color:#666; padding:0 0 15px 0; margin:0; display:inline-block;width: calc(100% - 215px);}
.form_container .form_icerik{font-family: 'Roboto condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px;  color:#22273a; padding:5px 0 5px 0; margin:0; width:auto; display:inline-block; line-height:125%; vertical-align:top;}
.form_container .form_icerik a{font-family: 'Roboto condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px; color: #02de8e; }
.form_txt { color:#000; text-decoration: none; font-size:14px; line-height:18px; padding:6px 4px; font-family: Arial; font-weight: normal; border:1px solid #dddddd; width: calc(100% - 10px);}
.form_txt:focus{	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(156, 122, 58, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(156, 122, 58, .6); border-color: #fff; }
.form_yazi {color: #fff; text-decoration: none;	font-size: 12px; font-family: "Arial"; font-weight: normal;}
.form_select { color:#000; text-decoration: none; font-size:12px; line-height:18px; padding:6px 4px; font-family: Arial; font-weight: normal; border:1px solid #dddddd; }
.form_btn{ position:relative; color:#fff;  background:#22273a; display:inline-block; font-family:'Roboto', sans-serif; font-weight:bold; font-style:normal; font-size:14px; line-height:48px; border:0px solid #e63356; margin:0px; padding:0 30px; transition: all 0.7s ease-out; cursor:pointer; /*-webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;*/}
.form_btn:hover{ color:#fff; background:#02de8e;}
.yazi_hata { position: relative; clear: both; padding:10px 15px 10px 40px; margin-bottom:10px; border:1px solid #e00b83; background:#fedaef url(images/theme/hata.png) no-repeat 15px center; color: #e00b83; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%}
.yazi_tamam { position: relative; clear: both; padding:10px 15px 10px 40px; margin-bottom:10px; border:1px solid #399919; background:#dffcca url(images/theme/tamam.png) no-repeat 15px center; color: #399919; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%}


/*::::: HIZLI MENU :::::*/
.site_container h1{ clear:both; float:none; margin:none; padding:15px 0 0 0; line-height:100%;}
.site_container h2{ clear:both; float:none; margin:none; padding:15px 0 0 0; line-height:100%;}
.site_container .site_kategori_link{ float:left; border-bottom:1px solid #c5cbe2; padding:7px 0; width:100%;}
.site_container .site_kategori_link a{font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; height:auto;color:#333; margin:0px; background: url(images/theme/ico_3.png) no-repeat left center; padding-left:20px;}
.site_container .site_kategori_link a:hover{ color:#123;}
.site_container .site_link{ float:left; border-bottom:1px solid #c5cbe2; padding:7px 0; width:100%;}
.site_container .site_link a{color:#000;margin:0px; font-size:14px; float:left; background: url(images/theme/ico_3.png) no-repeat 20px center; padding-left:40px;}
.site_container .site_link a:hover{ color:#123;}

/*::::: ALTBANNER ::::::::*/
#altbanner_container{ position:relative; clear:both; background:#22273a url(images/theme/alt_banner_bg.png) right top no-repeat; margin:0px; padding:60px 0px 0px;}
#turkuaz_container{ position:relative; clear:both; background:#2c324b; margin:20px 0 0 0;}
.alt_bolum_container{ margin:0 -15px;}
.alt_banner_bolum{ float:left; width:calc(25% - 30px); margin:15px; }
.alt_bolum_container_1{ position : relative; float:left; width:30%;}
.alt_bolum_container_1 .alt_banner_bolum { width:calc(100% - 30px); margin:15px; padding:0px; }
.alt_bolum_container_2{ position : relative; float:left; width:70%; }
.alt_banner_logo{ background:url(images/theme/alt_banner_logo.png) no-repeat center; height:75px; margin:0px 0 20px;}
.alt_banner_baslik{ position: relative; display: inline-block; min-width: 50%; color:#fff; font-family:'Roboto'; font-weight:bold; font-style:normal; font-size:20px; line-height:auto; margin:0px 0 20px; padding: 0 0 10px; border-bottom: 5px solid #02de8e;}
.alt_banner_icerik{ color:#afadb8; font-family:"Roboto";  font-size:14px; font-weight: 300; line-height:175%;}
.alt_banner_bolum a:hover .duyuru_baslik{ text-decoration:underline;}
.alt_banner_icerik a{ background:url(images/theme/ico_1.png) left center no-repeat; padding-left:15px; display:block; color:#afadb8; font-size:12px; font-family:"Roboto"; font-weight:normal; line-height:150%; margin-bottom:10px;}
.alt_banner_icerik a:hover{ text-decoration:underline;}
#alt_banner_turkuaz{ position:relative; font-family:arial; font-size:12px; font-weight:normal; color:#727272; text-decoration: none; line-height:150%; margin:0px auto; padding:20px 0; width:1170px;}
#alt_banner_turkuaz a{ font-size:12px; color:#727272;}
#alt_banner_turkuaz a:hover{color:#ccc; text-decoration:underline;}
.alt_social_container{ position:relative; top:10px; margin:auto -5px;}
.alt_social_container .facebook{ display:inline-block; background:url(images/theme/ico_facebook.png) no-repeat center; background-size:100%; width:24px; height:24px; margin:3px;}
.alt_social_container .twitter{ display:inline-block; background:url(images/theme/ico_twitter.png) no-repeat center; background-size:100%; width:24px; height:24px; margin:3px;}
.alt_social_container .instagram{ display:inline-block; background:url(images/theme/ico_instagram.png) no-repeat center; background-size:100%; width:24px; height:24px; margin:3px;}
.alt_social_container .pinterest{ display:inline-block; background:url(images/theme/ico_pinterest.png) no-repeat center; background-size:100%; width:24px; height:24px; margin:3px;}
.alt_social_container .youtube{ display:inline-block; background:url(images/theme/ico_youtube.png) no-repeat center; background-size:100%; width:24px; height:24px; margin:3px;}

/*::::: POPUP ::::::::*/
#backgroundPopup { 	z-index:10000;position: fixed;display:none;height:100%;width:100%;background:#000000;	top:0px;  left:0px; text-align:center;}
#toPopup {display: none; left: 50%;margin-left: -50%;position: fixed;top: 20%;width: calc(100% - 40px);z-index: 10001; text-align:center; padding:20px;}
.toPopup{position:absolute;width:100%; height:100%;}
div.loader {background: url("images/theme/loader.gif") no-repeat scroll 0 0 transparent;height: 32px;width: 32px;display: none;z-index: 10002;top: 40%;left: 50%;position: absolute;margin-left: -10px;}
div.close {background: url("images/theme/close_btn.png") no-repeat scroll 0 0 transparent;cursor: pointer;float: right;height: 30px;width: 30px;position: absolute;right: -30px;top: -30px;}
span.ecs_tooltip {background: none repeat scroll 0 0 #000000;border-radius: 2px 2px 2px 2px;color: #FFFFFF;display: none;font-size: 11px;height: 32px;opacity: 0.7;padding: 4px 3px 2px 5px;position: absolute;right: -70px; text-align: center; top: -70px;width: 93px; line-height:150%;}
span.arrow {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #000000;display: block;height: 1px;left: 40px;position: relative;top: 3px;width: 1px;}
div#popup_container { position:relative; display:inline-block; font-family: "Roboto Condensed",tahoma,verdana,arial,sans-serif;background: none repeat scroll 0 0 #fff;border: 10px solid #02de8e;border-radius: 3px 3px 3px 3px;color: #333333; font-size: 14px; max-width:450px}
div#popup_content {margin: 4px 7px;padding:20px;line-height:150%;}
.popup_content_button{margin: 0px 0px;padding:10px 0px 20px;line-height:150%; }

/*::::: 404 SAYFASI ::::::::*/
.page_404{ position:relative; text-align:center; margin:100px 0 50px; color:#666;}
.page_404 h1 { position:relative; text-transform: uppercase; letter-spacing: 4px; font-weight: normal; font-size: 22px; display:block; color:#22273a;}
.page_404 h2 { font-family:'Roboto', sans-serif; position:relative;  text-transform: uppercase; letter-spacing: 20px; font-size: 300px; line-height: 0px; color:#02de8e; font-weight:700; margin:-100px 0 100px 0;}
.page_404 p { font-family: 'Roboto', sans-serif; font-weight:300; line-height: 1.6em; text-align: center; font-size: 16px; padding:20px 0;}
.page_404 h2 span{margin:0px;}

/*::::: YUKARI DÜĞMESİ ::::::::*/
#back-top {z-index:10;position: fixed;bottom: 40px;margin-left:calc(50% + 620px);}
#back-top a {width: 50px;display: block;text-align: center;font: 12px/100% 'Roboto'; font-weight:300; font-style:normal;; font-weight:bold; text-transform: uppercase;text-decoration: none;color: #02de8e;/* background color transition */-webkit-transition: 0.3s;-moz-transition: 0.3s; -o-transition: all 0.3s ease; transition: 0.3s;}
#back-top a:hover {color: #2d2c31;}
#back-top span {width: 51px;height: 51px;display: block; padding:0px; margin-bottom: 7px;background:url(images/theme/icon_top.png) no-repeat center top; border:0px solid #000;}
#back-top a:hover span {background:url(images/theme/icon_top.png) no-repeat center bottom; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}

/*::::: SWIPER SLIDER ::::::::*/
.swiper-pagination{ position:relative; width:100%; bottom:-50px;}
.swiper-pagination .swiper-pagination-bullet{ margin:10px;}
.swiper_urunler{ position:relative; width:1170px; margin-bottom:0px;}
.swiper_urunler .urun_container{ margin:0; width:auto;}
.swiper_urun_galeri{ position:relative; width:565px; margin:0; margin-bottom:60px;}
.swiper_urun_galeri .swiper-wrapper img{ width:100%;}
.swiper_urun_galeri .swiper-pagination-bullet{border-radius:100%;}
.swiper_hizmetler{ position:relative;  margin-bottom:0px;}
.swiper_hizmetler .hizmet_container{ margin:0; width:auto;}
.swiper_galeri{ margin-bottom:0px;}

.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2302de8e'%2F%3E%3C%2Fsvg%3E");left:-80px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2302de8e'%2F%3E%3C%2Fsvg%3E");right:-80px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); z-index:100}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:0px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}
.swiper-pagination-bullet{width:24px;height:24px;display:inline-block;/*border-radius:100%;*/ border:0px solid #ccc; background:#22273a;opacity:1;}

button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;width:24px;height:24px; border:0px solid #02de8e; background:#02de8e;}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:20px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

.galeri_pagination>.swiper-pagination-bullet{ position: relative; display: block; background: #fff; width: auto; height: auto; border: none;  padding: 33px 10px; margin:0px; pointer-events: all !important;}
.galeri_pagination>.swiper-pagination-bullet-active{ background:#02de8e; margin-left: -50px; padding-right: 50px; }
.galeri_pagination>.swiper-pagination-bullet-active .triger_numara,.galeri_pagination>.swiper-pagination-bullet-active .triger_text{color:#fff;}

@media only screen and ( max-width:1200px )
{
#header_container #header,.orta_container,#alt_banner_turkuaz{ width:980px;}
#banner_container .caption .text_1{position: absolute;  left: -350px;}
#banner_container .caption .text_2{position: absolute;  left: -350px;}
#banner_container .caption .text_3{position: absolute;  left: -350px;}
#header_container .language_container{ right:35px;}
#nav span {padding:0 20px 0 20px;}
#nav li ul {margin:0 0 0 -20px;}
.swiper_urunler{width:980px;}
.orta_bolum_textarea_sol h2{font-size:22px; line-height: 30px; font-weight: bold; color:#04ca82; margin: 0; padding: 0; border-top:5px solid #02de8e; padding-top:30px;}
.orta_bolum_3 .hizmetler_container{width: 735px;}
.orta_bolum_4 .galeri_container{width: 735px;}
.orta_bolum_4 .galeri_pagination .triger_container{ padding: 25px 10px;}
.orta_bolum_4 .galeri_pagination .triger_container .triger_numara{width: 50px; line-height: 50px; }
.orta_bolum_4 .galeri_pagination .triger_container .triger_text{height: 50px; vertical-align:middle;}
.swiper_urun_galeri{ position:relative; width:475px; margin:0; margin-bottom:60px;}
#sayfa_galeri .foto{ width:calc(25% - 40px);}
}

@media only screen and ( max-width:1024px )
{
html { min-width:100%;}
body {min-width:100%;}
.tablo_icerik .tablo_resim_sol{ width:40%;}
.tablo_icerik .tablo_resim_sag{ width:40%;}
.swiper-button-next,.swiper-button-prev{ display: none; }
}
@media only screen and ( max-width: 850px )/* 850 */
{
html { min-width:100%;}
body {min-width:100%;}
#page_container, #main_container,#header_container,#header_container #header,#header_container_main #header, #banner_container, .banner,.slider_container,.orta_container,.orta_container_sol,.orta_container_sag,.orta_container_full,.orta_bolum,.tablo_container,.tablo_icerik,#alt_banner_turkuaz{ width:100%; clear:both; float:none; display:block;}
#main_container{ position:relative; padding:0px; width:auto;}
.orta_container{ position:relative; padding:20px; width:auto; clear:both; display:block;}
.orta_container_2{ position:relative; padding:20px; width:auto; clear:both; display:block;}
.orta_container_full,.orta_container_sol,.orta_container_sag{ width: auto;}
.tablo_container{ width:auto; padding: 0px;}
.tablo_baslik,.tablo_baslik_2,.tablo_baslik_3{ font-size:30px; text-align: center}	
.tablo_icerik{ margin:0; padding:0;}
.tablo_icerik_2{ width: auto;margin:0; padding:0;}
.tablo_icerik .tablo_resim_sol{ width:auto; float:none; margin:0 0 30px 0px;}
.tablo_icerik .tablo_resim_sag{ width:auto; float:none; margin:0 0 30px 0px;}
.tparrows.default{display: none;}

#header_container{background: rgba(34,39,58,1);}
#header_container #header #logo{ display:block; padding:0px; margin:0; position:absolute; width: auto; z-index:10000;   -webkit-clip-path:polygon(0 0, 100% 0%, calc(100% - 25px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, calc(100% - 25px) 100%, 0% 100%);}
#header_container #header #logo img{ height:40px;  margin:10px 20px 10px 10px;}
#header_container,#header_container #header,#banner_container #slider_container{ height:auto;}
#banner_background .bg{ margin-top:60px; height:200px;}
#banner_background .bg_icerik,#banner_background .bg_icerik2,#banner_background .bg_hakkimizda,#banner_background .bg_urundetay,#banner_background .bg_urunler,#banner_background .bg_hizmetlerimiz,#banner_background .bg_hizmetlerdetay,#banner_background .bg_urunler_1,#banner_background .bg_urunler_2,#banner_background .bg_urunler_3,#banner_background .bg_urunler_4,#banner_background .bg_urunler_5,#banner_background .bg_urunler_6,#banner_background .bg_urunler_7,#banner_background .bg_galeri,#banner_background .bg_iletisim{ background-size:auto 100%;}

#banner_container .pano_arama_sag{ display: none;}
#banner_container .pano_arama_container{ position:relative; height:70px; width: 100%; float: left; right:0px; background:#22273a;  z-index: 105;}
#arama {float:none;margin :15px auto; width: 300px;}

.swiper_urunler{width:calc(100%); margin-top:80px;}
.swiper_urun_galeri{width:calc(100%);}
.urun_container{ position:relative; float:left; background:#FFF; margin:15px; width:calc(50% - 30px);}
.urun_container .urun_ad{ font-size:16px; line-height:125%; font-weight:bold; padding:15px 15px 15px 15px; min-height: 40px;}
.urun_container .urun_ad_simge{ width:15px; height:100%;   -webkit-clip-path:polygon(0 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, calc(100% - 5px) 100%, 0% 100%);}

.orta_bolum_1 .orta_container_full{ margin:0 20px 0;}
.orta_bolum_1_alt{ padding-top: 80px; display: inline-block; }
.orta_bolum_1_alt .button_container{width: 40%;}
.orta_bolum_3{ display:inline-block;}
.orta_bolum_3 .hizmetler_container{ position: relative; float: none; width: auto; margin: 0; background: #fff;}
.orta_bolum_3 .button_container{ position:relative; float: right; display: block; width: 40%;}
.orta_bolum_4{ display:inline-block;}
.orta_bolum_4 .orta_bolum_baslik{ float: none; font-size:20px; line-height: 26px; background:#22273a url(images/theme/baslik_simge_01.png) no-repeat calc(100% - 10px) center; background-size: 40px;  width:auto; padding: 20px 50px 20px 20px;}
.orta_bolum_4 .galeri_container{ width:60%;}
.orta_bolum_4 .galeri_maske{ width: 200px;}
.orta_bolum_4 .galeri_pagination{width: 40%;}
.orta_bolum_4 .galeri_pagination .triger_container{padding: 25px 10px;}
.orta_bolum_4 .galeri_pagination .triger_container .triger_numara{ width: 70px; font-size:24px; line-height: 32px; }
.orta_bolum_4 .galeri_pagination .triger_container .triger_text{ height: auto; }
.orta_bolum_4 .galeri_pagination .active{margin-left: -50px; padding-right: 60px; }
.orta_bolum_4 .button_container{ position: relative; display: block; width: 40%;}

.tablo_icerik > img{ width:100%;}
.tablo_icerik h1{ display:inline-block; font-size:30px; line-height:30px; padding:10px 0 10px 30px; background-size:20px;}

#header_container #nav { float:none; display:block; width:auto; height:60px;}
#nav { clear:both; float:none; left:0; height:auto;font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:24px; color:#fff;}
#nav #mobil_menu{ display:block; height:60px;}
#nav #mobil_menu a{ position:absolute;background:url(images/theme/mobile_menu.png) no-repeat; width:32px; height:32px; display:block; right:15px; top:14px;}
#nav ul { clear:both; float:none; height:auto;display:none; padding:10px; background:#22273a;}
#nav li { clear:both; float:none;line-height:40px;height:auto; padding:0px; text-align:left;}	
#nav span {clear:both; float:none; display:block; padding:0 15px 0 15px; line-height:40px; height:auto; background:#22273a; border-bottom:1px rgba(255,255,255,0.1) solid; width:auto;}
#nav li a {display:block; font-size: 16px; line-height:40px; height:40px; margin:0; padding:0px; color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav li ul,#nav li:last-child ul { position:relative; top:auto; left:auto; width:auto; margin:0 -15px;}
#nav li li{ width:auto; }
#nav li a.menu_icon_0,#nav li a.menu_icon_1,#nav li a.menu_icon_2,#nav li a.menu_icon_3,#nav li a.menu_icon_4,#nav li a.menu_icon_5,#nav li a.menu_icon_6{ background:none;}
#nav li span a img{ margin-top:10px;}

#nav li ul li ul{ position:relative; top:auto; left:auto; width:auto; margin:0; padding:0 0px; background:#444; }
/*#nav li ul li ul li{ display:none;}*/
#nav li ul li ul li ul{ position:relative; top:auto; left:auto; width:auto; margin:0px; padding:0; background:#555; }
#nav li ul li li a { padding:10px 20px;}
#nav li ul li li li a { padding:10px 40px;}
#nav li:hover ul,#nav li ul li:hover ul,#nav li ul li ul li:hover ul, #nav li.sfhover ul {left:auto;}

#sayfa_galeri_container { display: inline-block; position:relative; margin:20px 0;width:100%;}
#sayfa_galeri{	list-style:none; float:left; margin:-10px; padding:0px;}
#sayfa_galeri .foto{ margin:10px; width:calc(33.33333% - 20px);}
#sayfa_galeri .foto img{ width:100%;}

.form_container .form_baslik{ width:130px;}
.form_container .form_nesne{ width: calc(100% - 130px);}
.form_container label{ display:inline-block;}

.form_container .enerji label{ display:block;}
.enerji .bolum_container{ width:50%;}

.page_404 h2 { font-size: 150px; margin:-150px 0 50px 0;}
.page_404 h1,.page_404 p { line-height: 125%;}
.page_404 img{ width: 100%; }

#altbanner_container{margin:0px 0px 0px;padding-bottom:0;}
#alt_banner{  clear:both; width:calc(100% - 40px);}
.alt_bolum_container_1{ width:40%;}
.alt_bolum_container_2{ width:60%;}
.alt_banner_bolum{ float:left; width:calc(50% - 30px); margin:15px; padding-left:0; }
#alt_banner_turkuaz{ width:auto; padding:20px;}
#turkuaz_container{ margin:0;}
}
@media only screen and ( max-width: 850px ) and ( orientation: landscape) 
{
.scroll_container{ bottom:10px;}
.scroll_icon{ background-size: 100%; width:20px; height:41px;}
}
@media only screen and ( max-width: 640px )
{
#banner_container .caption .text_1{left: -150px; width: 300px; font-size: 30px; text-align: center; white-space: pre-wrap;}
#banner_container .caption .text_2{ display: none;}
#banner_container .caption .text_3{left: -150px; width: 300px; text-align: center;}
#banner_container .social_container{bottom:50px;}
#banner_container .social_container a{width: 25px; height: 25px;}
#banner_container .social_container a img{ width: 100%; }
.orta_bolum_1_alt .button_container{float: none; width: auto;}
.orta_bolum_2 .orta_container_full{ margin:0 20px 0;}
.orta_bolum_2 .orta_bolum_resim{position: relative; float: none; overflow: hidden;}
.orta_bolum_2 .orta_bolum_textarea{position: relative; right:0; width: 100%; background: none;}
.orta_bolum_3 .button_container{position: relative; clear: both; float: none; bottom: 0; right: 0; background:#02de8e; width: auto;}
.orta_bolum_4 .galeri_container{ position: relative; float: left; width: 100%; margin: 0; padding: 0; background: #fff;}
.orta_bolum_4 .galeri_maske{ display: none;  position: absolute; left: 0; bottom: 0; width: 300px; height: 300px; background: #ddd; z-index: 111;}
.orta_bolum_4 .galeri_pagination{float:right; width: 100%;}
.orta_bolum_4 .galeri_pagination .triger_container{padding: 20px 10px;}
.orta_bolum_4 .galeri_pagination .triger_container .triger_numara{ width: 70px;font-size:24px; line-height: 32px; }
.orta_bolum_4 .galeri_pagination .triger_container .triger_text{ height: auto;}
.orta_bolum_4 .galeri_pagination .active{margin-left: -30px; padding-right: 60px; }
.orta_bolum_4 .button_container{position: relative;float: right; bottom: 0; right: 0; background:#22273a; width: 100%;}
.orta_bolum_5 .orta_bolum_textarea{position: relative; right:0; width: 100%; background: none;}
.orta_bolum_5 .orta_bolum_resim{position: relative; float: none; margin: 0 -20px; overflow: hidden;}
.orta_bolum_textarea_sol{float: none; width:auto; padding:50px 10px 20px;}
.orta_bolum_textarea_sag {float: none; width: auto; padding:20px 10px 20px;}
.orta_bolum_resim img{ width: 100%; }

.tablo_icerik .orta_bolum_resim{position: relative; float: none; overflow: hidden;}
.tablo_icerik .main_container:nth-child(even) .orta_bolum_textarea,.tablo_icerik .main_container:nth-child(odd) .orta_bolum_textarea{position: relative; float: none; right:auto; width: 100%; background: none;}
.tablo_icerik .orta_bolum_textarea_sol h2{ position:relative; font-size:40px; line-height: 100px; margin: 0; padding: 0;  text-align:center;}
.tablo_icerik .orta_bolum_textarea_sol { position: absolute;  float:left; width:100px; background: #f3f3f3; padding:0;  overflow: scroll;}

div#popup_content img{ width:100%;}

.alt_bolum_container_1{ width:100%;}
.alt_bolum_container_2{ width:100%;}
}
@media only screen and ( max-width: 640px ) and ( orientation: landscape) 
{
#banner_container .caption .text_1{left: -225px; width: 450px; font-size: 30px; text-align: center; white-space: pre-wrap;}
#banner_container .caption .text_2{ display: none;}
#banner_container .caption .text_3{left: -225px; top: -50px; width: 450px; text-align: center;}
}
@media only screen and ( max-width: 360px ) /* 360 */
{
#banner_container .caption .text_1{left: -150px; width: 300px; font-size: 30px; text-align: center; white-space: pre-wrap;}
#banner_container .caption .text_2{ display: none;}
#banner_container .caption .text_3{left: -150px; width: 300px; text-align: center;}

.swiper_galeri{ height: 250px; overflow: hidden; }	
#sayfa_galeri .foto{ margin:10px; width:calc(50% - 20px);}
.urun_container{ position:relative; float:left; background:#FFF; margin:10px; width:calc(50% - 20px);}
.alt_banner_bolum{ float:left; width:calc(100% - 30px); margin:15px; padding-left:0; }

}