html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,output,ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html,body {line-height: 1; background:#ebebeb;color:  #58595b ; font-family: 'Montserrat', sans-serif;font-weight:normal;font-size: 14px;}
q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse:collapse;border-spacing:0;}
ul li{ list-style-type:none;}
button {background-color: Transparent; cursor:pointer; outline: none;}
button:hover { opacity:0.6;}
a{outline: none;text-decoration:none;}
a:hover{text-decoration:none;}
strong { font-weight:bold;}
.clear { clear:both;}.altstclear { display:none;}
.ortala { width:1400px; margin:0 auto; position:relative;}
header { width:100%; height:160px; background:#FFF;}
.logo { float:left; margin-top:10px; display:block;}
.logo img{ width: 200px;}
#preloader {position: fixed;top:0;left:0;right:0;bottom:0;background-color:#1b1d1f;z-index:9999999999;}
#status {width:200px;height:200px;position:absolute;left:50%;top:50%;background-image:url(../images/loading.gif);background-repeat:no-repeat;background-position:center; margin:-100px 0 0 -100px;}
#wrapper{float:right;  font-family: 'Montserrat', sans-serif;  background: #FFF;  border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; margin-top:88px; width: auto; transition:.3s all linear;}
ul#navigation {	margin:0px auto;position:relative;float:left;}
ul#navigation li {position:relative;font-weight:700; display:block; float:right; color:#000;font-size:12px; margin: 5px 25px;  transition:.3s all linear; background-position: center bottom;}
ul#navigation li a {padding:13px 10px; color:#747474; text-decoration:none; display:inline-block;}
ul#navigation li:hover { background: url("../images/menuhover.png") no-repeat center bottom !important;}
ul#navigation li a:hover { }
ul#navigation li:hover > ul{visibility:visible;	opacity:1;}
ul#navigation ul, ul#navigation ul li ul {list-style: none; margin: 0 !important; padding: 0 !important;visibility:hidden; position: absolute; z-index: 99999;width:180px;background:#e5e5e5; opacity:0;-webkit-transition:opacity 0.3s linear, visibility 0.3s linear; -moz-transition:opacity 0.3s linear, visibility 0.3s linear; -o-transition:opacity 0.3s linear, visibility 0.3s linear; transition:opacity 0.3s linear, visibility 0.3s linear; }
ul#navigation ul {top: 37px;left: 0px; border:1px solid #c9c9c9;}
ul#navigation ul li ul {top: -1px;left: 180px;}
ul#navigation ul li ul li a {color:#747474 !important;}
ul#navigation ul li ul li a:hover {color:#FFF !important;}
ul#navigation ul li {  width:170px;border:0 none; color:#666 !important; font-size:13px !important;border-bottom:1px solid #c9c9c9; margin: 0 !important; padding: 0px 5px !important;}
ul#navigation ul li:hover{background: #bf1e2e !important;   transition:opacity 0.3s linear; }
ul#navigation ul li:hover a{  color:#FFF ;  }
ul#navigation ul li a { background:none !important; 	padding:7px 5px;text-decoration:none;display:inline-block;border:0 none;float:left;	clear:both;width:auto; font-weight: 500;  }
ul#navigation li ul li a:hover { }
.menuaktif { color:  #bf1e2e !important; background: url("../images/menuhover.png") no-repeat center bottom;}

.solmenu{width: 170px; float: left; margin: 0px; padding: 0px;}
.solmenu li {font-weight:600; padding:10px 10px; color:#747474;  font-size:12px; margin: 2px 0px; background: #e5e5e5; border:1px solid #CCC; transition:.3s all linear; }
.solmenu li:hover {background: #bf1e2e; color: white; transition:.3s all linear; }

.istirak{width: calc(100% - 180px); margin-left: 10px !important; float: left;}

.istirak  h1{  margin: 5px 0 10px 5px; line-height: 1; font-size: 24px !important; font-weight: 800; color:  #353535;     }
.istirak  h1 a{ font-size: 24px !important; font-weight: 800; color:  #353535;}
.urundetay{width: calc(100% - 180px); margin-left: 10px !important; float: left; line-height: 1.5;}
.urundetay  h1{  margin: 5px 0 10px 5px; line-height: 1; font-size: 24px !important; font-weight: 800; color:  #353535;     }
.urundetay  h1 a{ font-size: 24px !important; font-weight: 800; color:  #353535;}

.detayresim{width: 400px; margin-right: 10px !important; float: right;}
.detayresim img{width: 100%; }


.istirakdiz{width: calc(20% - 6px);background: #808682 !important; margin:3px 3px; float: left;  transition:.2s all linear;}
.istirakdiz:hover{ background: #8a96a6 !important; }
.istirakdiz img{ width: 100%; }
.istirakdiz h3{font-size: 12px !important;    font-weight: 700; width: 94%; padding:5px 3% !important; margin: 0px !important; color: #FFF !important; line-height: 1.5; transition:.2s all linear;}

.aktifyan { background:#bf1e2e !important; color: white !important;}
.altmenu {margin: 2px 0px 2px 15px !important;  }


.ustmobil { display:none;}
.s1{ float: right; margin: 3px; width: 29px; height: 29px; background: url("../images/sosyal.png") no-repeat 0 0 ; cursor: pointer;}
.s2{ float: right; margin: 3px; width: 29px; height: 29px; background: url("../images/sosyal.png") no-repeat -29px 0 ; cursor: pointer;}
.s3{ float: right; margin: 3px; width: 29px; height: 29px; background: url("../images/sosyal.png") no-repeat -58px 0 ; cursor: pointer;}
h1{margin-top: 20px; font-size: 32px; font-weight: 600; color:  #353535;}
.s1:hover{opacity: 0.5;}
.s2:hover{opacity: 0.5;}
.s3:hover{opacity: 0.5;}
.usttelefon{ position: absolute; float: right; margin-top: 30px; right: 0px;}
.ustsosyal{position: absolute; float: right;margin-top: 50px; right: 0px;}
.slider { position:relative; transition:.3s all linear;}
.slaytyazialan { border: 1px solid #737373;  padding:5px 0% 0 0%; display:block; position:absolute; top:10%; width: 30%; left:35%; color:#363636; line-height: 1; transition:.3s all linear; }
.slaytbaslik {   font-size:32px; padding-bottom: 3px;  border-bottom: 3px solid #000000; font-family: 'Open Sans Condensed', sans-serif;text-align: center; font-weight:200; transition:.3s all linear;}
footer { width:100%; padding:25px 0 10px 0;  color:#FFF; font-size:13px; background:#353535; line-height: 1.5; }
footer a {  width: auto; color:#FFF;  transition:.3s all linear;  }
footer a:hover { color:#bf1e2e;}
footer .f1 { width:20%; display:block; float:left;  }
footer .f2 { width:calc( 70% - 130px); margin: 0 5%;  display:block; text-align: center; float:left; }
footer .f2 a{ margin: 0 10px; }
footer .f3 { width:130px; display:block; float:left; }
.websayfasi{width: auto; text-align: right; float: right;margin-top: 10px; }
footer .f1 strong { margin-bottom:5px; display:block; font-size:14px; }
#hakkimizda { padding:30px 0%; line-height:1.7; text-align:left; color:#6c6c6c;}
#hakkimizda h1 { font-size:16px; margin-top:0px; padding-right: 50px; margin-left: 0px; border-bottom: 1px solid #000; width: auto; display: block; position: absolute; color:#2a2a2a; font-weight:800;}
#hakkimizda p {border-left: 8px solid #000; padding-left: 20px;text-align: justify;}
#hakkimizda h2 {font-size:48px; color:#2a2a2a; font-weight:200; line-height: 1.1; margin-bottom: 20px; padding-top: 60px;}
.iletisimsol { width:calc(100% - 43px); padding: 40px 10px 40px 30px; background: #FFF; border-bottom: 3px solid #b4b3b3; border-right:  3px solid #b4b3b3;  margin-top: -2px; margin-bottom: 20px; transition:.3s all linear; }
.adresler{width: calc(23% - 1px); padding: 20px 0% 20px 2% ; float: left; line-height: 1.5; border-left: 1px solid #58595b; transition:.3s all linear;}
.adresler:first-child{ border-left:none;}
.iletisimsol h2 { display:block; margin:5px 0;  font-weight:bold; font-size:19px;}
.harita { width:calc(45% - 2px); float: left; border: 1px solid #ccc; transition:.3s all linear;}
.iletisimsag { width:53%; margin-left: 2%;  float: left; transition:.3s all linear;}
.iletisimsag .ilbaslik { display:block; font-size:18px; font-weight:bold;}
.formbaslik { color:#8a8a8a; margin:15px 0 5px; font-size:14px; font-weight:300;}
.formbaslik span { display:block; font-weight:600;}
.forminput { width:96%; background:#e5e5e5; outline:none; border:none; border-bottom:2px solid #1b1b1b; padding:10px 2%; color:#000; font-family: 'Montserrat', sans-serif;}
.formtext { width:96%; background:#e5e5e5; border:none; outline:none; border-bottom:2px solid #1b1b1b; padding:10px 2%; color:#000; font-family: 'Montserrat', sans-serif; height:180px; resize:none;}
.buton { background:#FFF; border:2px solid #000; transition:.3s all linear;float:right; display:block; width:150px; height:40px; font-weight:600; color:#000; font-family: 'Montserrat', sans-serif; cursor:pointer; margin:20px 0 0 20px;}
.buton:hover { background:#353535; color:#FFF;}
.iclear { display:none;}
.gonderildi { width:50%; margin:15px auto; text-align:center; color:#353535; line-height:1.4;}
.gonderildi img { display:block; margin:10px auto; }
.haberlerbaslik { font-size:32px; font-weight:400; margin:50px 0; text-align: center; }
.haberdiz{width: 49%;background: #808682 !important; margin-right: 1%; margin-bottom: 10px; float: left;  transition:.2s all linear;}
.haberdiz:hover{ background: #8a96a6 !important; }
.haberdiz img{ width: 40%; margin-right: 2%; float: left;}
.haberyazi{ width: 50%; float: left; transition:.2s all linear;}
.haberyazi h2{font-size: 20px; font-weight: 700; color: #353535; line-height: 1.5; transition:.2s all linear;}
.haberyazi p{font-size: 13px; line-height: 1.5; color: #FFF; transition:.2s all linear;}
.haberdetayic {  text-align: left; line-height: 1.5;  transition:.2s all linear;}
.haberdetayic h1{ font-weight: 700; padding-top: 0px; font-size: 30px;  transition:.2s all linear; }
.haberdetayic img { float: right; margin: 0 0px 10px 10px;}
.formbasligi { font-size:43px; margin-bottom:5px; color:#2a2a2a; font-weight:lighter; text-align:center;}
.hata { padding:50px 0; text-align:center; font-size:22px; color:#353535;}

@media only screen and (max-width: 1440px) {
.ortala { width:99%; padding:0 0.5%;}
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1120px) {
.istirakdiz{width: calc(25% - 6px);}
    
    
}
@media only screen and (max-width: 1024px) {
header { display:none;}
.ustmobil { width:100%;left:0;height:70px;padding-top:5px;transition:all .3s linear;top:0;display:block;position:fixed;z-index:999998;background:#353535;}
.menuacil{display:block;overflow:hidden;width:100%;height:0px;text-align:center;position:fixed; top:72px; z-index:9998;background:#231f20;transition:.3s all linear; border-bottom:3px solid #2d2d2d}
.menuacil2{height:100%;}
.mobmenuicon{display:block;top:20px;position:fixed;height:30px;width:60px; z-index:9999; left:50%; margin-left:-30px; text-align:center;cursor:pointer; transition:.3s all linear;}
.moblogo {display:block; position:fixed; left:15px; top:15px; width:170px; cursor:pointer; transition:.3s all linear;}
.moblogo img { width:100%;}
.menuacil a {color:#000;font-size:15px;line-height:1.2;font-weight:600;}
.menuacil .mobil1 {position:absolute;width:100%;top:0px;transition:.3s all linear;}
.menuacil .mobil1 a{width:100%;padding:4px 0;display:block;text-align:center;margin:5px auto; color:#FFF;}
.boslukkoy { display:block; height:70px;}
.mobilaktif { background:#bf1e2e;}
.bx-wrapper .bx-next, .bx-wrapper .bx-prev { transform: scale(0.5); }
.bx-wrapper .bx-pager.bx-default-pager { transform: scale(0.7); bottom: -1px !important; }
.slaytyazialan { top:2%; width: 70%; left:15%;}
#hakkimizda p {border-left: 0px solid #000; padding: 0px; margin: 0; }
.gonderildi { width:80%;}
.istirakdiz{width: calc(33.3% - 6px);}
.solmenu{margin-top: 10px;}
.urundetay{margin-top: 10px;}
}
@media only screen and (max-width: 800px) {
.iletisimsol { width:calc(100% - 20px); padding: 10px  ; background: none; border: none !important; margin-top: -2px; margin-bottom: 20px; }
.adresler{width: calc(48% - 6px); padding: 10px 1% 10px 1% ; border-bottom: 1px solid #58595b; margin-bottom: 10px; margin-right: 5px; }
.adresler:first-child{ border-left: 1px solid #58595b;}
.iletisimsol h2 { display:block; margin:5px 0;  font-weight:bold; font-size:19px;}
.harita { width:calc(100% - 2px); float: none;height: 200px;  }
.iletisimsag { width:100%; margin-left: 0%;  float: none; margin-top: 20px;}
.iletisimsag .ilbaslik { display:block; font-size:18px; font-weight:bold;}
footer .f1,footer .f2,footer .f3 { width:100%;  padding-bottom:15px; margin: 0;  text-align:center; font-size: 12px; }
footer .f1 {  font-size: 11px; }
footer .f2 {  font-size: 15px; font-weight: 600; }
footer .f3 {  font-size: 10px; }    
footer .f3 .sosyal {float: left; margin-left: calc(50% - 65px);}
.haberdiz{width: 100%; margin-right: 0%; margin-bottom: 10px; }
.haberyazi h2{font-size: 16px; font-weight: 700; color: #353535; line-height: 1.5; transition:.2s all linear;}
.haberyazi p{font-size: 12px; line-height: 1.5; color: #FFF; transition:.2s all linear;}
.websayfasi{width: 100%; text-align: center;}
.solmenu{width: 100%; float: left; margin: 0px; padding: 0px; margin-top: 10px !important;}
.solmenu li { float: left;padding:5px 5px;  margin: 2px 2px; font-size: 11px;  }
.istirak{width: 100%; margin-left: 0px !important;  float: left;}
.altmenu {margin: 2px 0px 2px 2px !important; background: #CCC !important;  }
.urundetay{width: 100%; margin-left: 0px !important;  }

.detayresim{width: 60%; margin: 5px 20% ; float: none;}
 
}
@media only screen and (max-width: 600px) {
.mobmenuicon{left:calc( 100% - 40px); }
.slaytbaslik {   font-size:20px; padding-bottom: 3px;  border-bottom: 3px solid #000000; font-family: 'Open Sans Condensed', sans-serif;text-align: center; font-weight:200; transition:.3s all linear;}
.slaytyazialan { border: 1px solid #737373;  padding:5px 0% 0 0%; display:block; position:absolute; top:5%; width: 97%; left:1%; color:#363636; line-height: 1; transition:.3s all linear; }
.haberdetayic img { width: 100%;  float: right; margin:10px 0;}
.haberdetayic h1 { font-size: 20px;    }
.haberdetayic p { text-align: justify;   }
.detayresim{width: 100%; margin: 5px 0% ; float: none;}
}
@media only screen and (max-width: 540px) {
.adresler{width: calc(98% - 6px); padding: 10px 1% 10px 1% ; border-bottom: 1px solid #58595b; margin-bottom: 10px; margin-right: 5px; }
.istirakdiz{width: calc(50% - 6px);}
}
@media only screen and (max-width: 400px) {
.moblogo  { left:15px;}
.menuacil a{font-size:14px;}
.gonderildi { width:96%;}
.istirakdiz{width: calc(100% - 6px);}
}