body{font-family: 'Roboto', sans-serif; font-size: 12px;color: #222;background:#dedce8 url("../img/headbg.jpg") repeat-x left 119px;}
.clear{ clear:both;}
.message{ padding:20px; text-align:center; margin:10px; font-weight:bold;}
#ok{ border:1px solid  #090; background:#9FC; color:#030;}
#error{ border:1px solid #900; background:#F96; color:#F00;}

header{position: relative; top:0;z-index: 999; border-top: 5px solid #bbcd4c; height:116px; width:100%; background:#FFF; }
header .head{ position:relative; height:116px; max-width:980px; margin:0 auto;} 
.logo{display: block; float:left;}
.golge{ max-width:980px; height:20px; position:absolute; bottom:-20px; left:0; background:url("../img/golge.png") center top; z-index:6}
.medya{ position:absolute; top:10px; right:0;}

.MM1{ right:0;}
.MM2{ right:0;}

nav#MainMenu{ height:48px; padding-top:30px; z-index:20; position:absolute; bottom:10px;}
nav#MainMenu ol { text-align:center;}
nav#MainMenu ol li{ display:inline-block; position:relative; } 
nav#MainMenu ol li a{color: #193562; line-height: 38px; padding:0; padding-right:13px; margin-left:9px; display:block; transition: all .3s linear;font-size:15px;font-family: 'Roboto', sans-serif; border-bottom:2px solid #fcfcfc;} 	
nav#MainMenu ol li a.selected,
nav#MainMenu ol li a:hover,
nav#MainMenu ol li:hover > a{  color:#bbcd4c; border-color: #bbcd4c;} 
nav#MainMenu ol li:last-child{ background:none;}
nav#MainMenu ol ol{background:#fff;position:absolute; left:-9999px;  opacity:0;transition: opacity .5s linear; width:240px;z-index: 10;-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); padding:1px 1px 0 1px; border-top:2px solid #bbcd4c;}  
nav#MainMenu ol li li { display:block; padding:0; background:none;}
nav#MainMenu ol li li a{width:200px;line-height: 30px; color:#bbcd4c;padding:0 20px; text-align:left;  font-size:13px;letter-spacing: 1.5px; margin-left:0; border-bottom:1px solid #fff;} 
nav#MainMenu ol li li a:hover,
nav#MainMenu ol li li a.selected,
nav#MainMenu ol li li:hover > a{   border-color:#fff; color:#000; background:#f7f7f7;} 
   
nav#MainMenu ol :hover > ol{left:5px; top:38px; opacity:1;} 
nav#MainMenu ol ol :hover > ol{left:-240px; top:0px; opacity:1;}
 

.mainSayfa{  width:100%; min-height:200px; position:relative; background:#fff; border-top:3px solid #d9bc49;}
.MainIcerik{margin:0 auto; max-width:1030px; min-height:0; position:relative; z-index:1;padding-bottom: 20px; min-height:300px;}
#OzelKutular{ width:100%; height:260px; position:relative;}
#swappers{ margin:0 auto; max-width:1030px; height:280px; text-align:center;}

.swapper { width:280px; overflow:hidden; height:160px; display:inline-block; margin:0 10px; position:relative; padding:0 20px; color:#fff; background: rgba(45, 61, 48, 0.8);}
.swapper .indicator {width:20px; height:20px; position:absolute; top:0; right:0; background:url("../img/swapper-indicator.png") no-repeat center bottom;}
.swapper .bgr {opacity:0.9; filter:alpha(opacity=90); position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.swapper p { font-size: 14px;opacity:0.9; filter:alpha(opacity=90); color:#fff; line-height:150%; margin-bottom:10px;  }
.swapper h3 {font-family: 'Roboto', sans-serif;font-weight:400; line-height:50px; font-size:22px; border-bottom:1px solid #5a5a5a; text-shadow:1px 1px 0 #383838; color:#fff; margin-bottom:10px; }

.bg-transparent {height: 280px;width: 100%;position: absolute;top: 0;left: 0;background:url("../img/swapper-bg.png") repeat-x center top;z-index: 1;}

hr{border: 0;border-top: 1px solid rgb(243, 237, 237);}
.MainIcerik h1{ padding:20px; font-size:20px; font-weight:700; line-height:35px; text-align:center; color:#394539;}
.MainIcerik h2{  padding:10px 0; font-size:20px; font-weight:700; text-align:left; color:#394539;}
.MainIcerik  p {line-height: 140%;padding: 5px 0;text-align: left;font-size: 15px;}
.MainIcerik ol { text-align:center; vertical-align:top;}
.MainIcerik ol li{ display:inline-block; overflow:hidden; width:30%; margin:10px;vertical-align:top; }
.MainIcerik img{ max-width:100% !important;}

.site{ max-width:980px; margin:50px auto 0 auto; background:#fff;  position:relative; z-index:70;   min-height:460px;  border-top: 3px solid #bbcd4c;}


article{  min-height:570px; width:30%; background:rgba(255, 255, 255, 0.8);}
aside{ float:right; min-height:570px; max-width:686px; background:white; width:70%} 


article h1{font-family: 'Roboto', sans-serif;color:#2d3d30;font-size: 27px;font-weight: normal;margin-bottom: 20px; line-height:53px; background:url("../img/page-header-bg.png") repeat-x; padding:0 20px;}
article h1 a{ color:#2d3d30; text-decoration:underline;}
article p{ line-height:140%;  padding:5px 0; text-align:left; font-size:18px;}	 
article ul{ list-style-image:url("../img/plugin/dot.png");margin-left: 35px;margin-right: 20px;}
article ul li{ line-height:140%; margin-bottom:10px; font-size:18px;}  
	

.ozel{ text-align:center;margin-top: -95px;}
.ozel .grid{ width:300px; display:inline-block; margin:5px;text-align:center;transition: all .5s ease-in-out; vertical-align:top;}
.ozel .grid:hover{transform: translate(0,-20px);        -webkit-transform: translate(0,-20px);}
.ozel .grid h2{ color:#FFF; text-align:center;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);} 
.ozel .grid p{color:#794755; text-align:center;}



.flexslider { width:100%;overflow:hidden;} 
.flexslider .slides img{ }
 
.bottom {background:url("../img/footer-bg.png"); position: relative;z-index: 2;padding:30px 0;color: #919090;}
.bottom .alt{ max-width:980px; margin:0 auto; text-align:center;}
.bottom .grid{ display:inline-block; min-width:310px; vertical-align: top;}
.bottom .grid h3{font-family: 'Roboto', sans-serif;  margin-bottom:10px;  font-size:20px;}
.bottom .grid p{ line-height:150%; margin-bottom:10px; font-size:18px;}
.bottom .grid a,.bottom .grid strong{ color:#FFF;}
.bottom .grid a:hover{ text-decoration:underline;}

.bottom .shadow-up {position: absolute;width: 100%;height: 20px;top: -20px;left: 0;margin-left: 0;
background: url(../img/shadow-up.png) no-repeat center;z-index: 1;opacity: 0.5;filter: alpha(opacity=50);}


footer {background:#fff;border-bottom: 5px solid #bbcd4c; width:100%; min-height:35px; position:relative; z-index:1;}
footer .footer{color: #999;font-family: 'Roboto', sans-serif;z-index: 2;line-height:170%; max-width:980px; margin:0 auto; padding:0 20px;}

footer .footer p{ float:left; font-size:15px;}
#poweredBy{  float:right; display:block; color:#999;}

#OzelStil li{ width:300px; height:222px; position:relative; display:inline-block; overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#OzelStil li a{ color:#FFF;}
#OzelStil li h5{transition: all .2s linear; position:absolute; width:100%; background:rgba(45, 61, 49, 0.6); bottom:40px; height:28px; text-align:center; display:block;}
#OzelStil li h2{transition: all .2s linear; position:absolute; width:100%; background:rgba(0, 0, 0, 0.55); bottom:0; margin:0; padding:0; line-height:40px; text-align:center; font-weight:200;}
#OzelStil li h5 i{transition: all .2s linear; display:block; width:55px; height:55px; background:url("../img/ilogo.png") left top; background-color:#fff; border:3px solid #3B4539; -webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;position: relative;margin: 0 auto;top: -20px;z-index: 1;}
#OzelStil li:hover h2{ line-height:85px;}
#OzelStil li:hover h5{ bottom:85px; background-color:rgba(255, 255, 255);}
#OzelStil li:hover h5 i{ background-position:right; background-color:rgb(45, 61, 49); border-color:#fff; border-width:5px;}



#standart{ padding-bottom:20px;}
#standart h1{font-family: 'Roboto', sans-serif;color:#2d3d30;font-size: 22px;font-weight: normal;margin-bottom: 20px; line-height:53px; background:url("../img/page-header-bg.png") repeat-x; padding:0 20px;}

	#standart h1 a{ color:#2d3d30; text-decoration:underline;}
	#standart p{ line-height:140%;  padding:5px 20px; text-align:justify; font-size:18px;}	 
	#standart ul{ list-style-image:url("../img/plugin/dot.png"); margin-left:40px;}
	#standart ul li{ line-height:140%; padding-bottom:10px; font-size:18px;}  
	
.AnaTablo tr td img{ padding:3px; background:#FFF; border:1px solid #CCC; margin-bottom:10px;}	
.AnaTablo tr td h5{font-size: 15px;line-height: 100%; color: #777;text-align: center;font-family: 'Roboto', sans-serif;}
.OzelTablo{ border:1px dashed #CCC; width:96%; margin:5px 2%;}
.OzelTablo tr td{ padding:10px; background:rgba(255, 255, 255, 0.55);}
.OzelTablo tr:nth-of-type(2n+1) td{ background:rgba(204, 204, 204, 0.15);}


#menuAc{ display:none; position:absolute; top:0; z-index:22; right:10px;line-height:49px; color:#000; cursor:pointer; padding:0 10px;}
#menuAc:hover{ color:#3796ba; }
#menuAc label{ cursor:pointer;}
/*header sonu*/ 

 
/*GizliMenü*/
nav#GizliMainMenu{ display:none; z-index:1000; position:fixed; width:260px; padding:10px; height:97%; top:0;background: url("../img/submenu-pattern.jpg"); right:0px; overflow:auto;}
nav#GizliMainMenu ol li a{ color:#FFF; line-height:170%;font-weight: 400;border-bottom: 1px solid #3a3a39;font-size: 13px;color: #bebebe;  display:block;
 padding:7px;transition: all 0.2s ease 0s;} 
nav#GizliMainMenu ol li a:hover{ background:#000;color:#3796ba}
nav#GizliMainMenu ol ol{ padding-left:10px;} 
#menuKapat{ color:#fff; background:#000; display:block; line-height:40px; cursor:pointer;}
#menuKapat:hover{color:#000; background:#fff; }
/*GizliMenü sonu*/
#logo2{ display:none;}


#contact_form h2{ font-size:25px;}
#contact_form {text-shadow:0 1px 0 #FFF;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#F9F9F9;padding:15px; min-width:245px;max-width: 260px;float: right; margin:0 15px;}
#contact_form #formID label {cursor:pointer;margin:4px 0;color:#ed7700;display:block;}
#contact_form textarea, #contact_form input {display:block;width:93%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4;color:#000;border:1px solid #5f5f5f;padding:10px; margin:10px auto 20px auto;}
#contact_form textarea { min-height:120px;}

.OzelKutu { margin:20px 0;}
.OzelKutu .OK1{ float:left; background:#f0f0f0; padding:10px 20px; width:670px; min-height:350px;}
.OzelKutu .OK2{ float:right; background:#bccf4d; padding:10px 20px; width:260px; height: 350px;}
.OzelKutu .OK2 ol {list-style-type:circle; overflow:auto; height:295px;}
.OzelKutu .OK2 ol li{ width:90%; color:#FFF; text-align:left; padding-bottom:10px; font-size:15px;}
.OzelKutu .OK2 ol li a{ color:#FFF;}
.OzelKutu .OK2 ol li a:hover{ text-decoration:underline;}
.OzelKutu h3{  border-bottom:2px solid #FFF; line-height:35px; margin-bottom:10px; font-size:17px; font-weight:bold; color:#FFF;}
.OzelKutu .OK1 h3{ color:#333;} 

.credicard { display:block; border:#CCC 1px solid; text-align:center;}
.credicard img { display:inline-block;}
.OK2 .indrim { position:absolute; right: -80px;bottom: 60px; }

@media (min-width: 750px) and (max-width: 800px) {
	aside{ padding:0;}
	.OzelTablo { width:57% !important;}
}
@media (min-width: 650px) and (max-width: 750px) {
	aside{ padding:0;}
	.OzelTablo { width:50% !important;}
}
@media (max-width: 650px) {
	aside{ padding:0;}
	.OzelTablo { width:100% !important;}
	iframe{width:100% !important;}
}

@media (min-width: 980px) and (max-width: 1024px) {
	/*aside{ padding-left:5px;}*/
	.flexslider {   overflow:hidden;} 
	.flexslider .slides img{ height:430px;} 
} 
/* Portrait tablet to landscape and desktop
@media (min-width: 768px) and (max-width: 979px) { 
	aside{ padding:0;} 
	.flexslider, aside, article{ float:none; width:100%; max-width:100%;}
	aside{ margin-bottom:20px;} 
	.site{ margin-top:120px;}
	
}
 */
/* Landscape phone to portrait tablet */
@media (max-width: 1150px) { 
	aside{ padding:0;width:100%;}
	aside, article{ float:none;}
	aside{ margin-bottom:20px;}
	.flexslider { width:100%;}
	article{ width:auto;} 
	.site{ margin-top:120px;}
	
.OzelKutu .OK1{ width:95% !important; min-height:inherit; float:none; margin:0 auto;}
.OzelKutu .OK2{width:95% !important; min-height:inherit; float:none; margin:0 auto;}
.OK2 .indrim {position: absolute;right: 0;bottom: 75px;}
}
@media (max-width: 1025px) {
	.OK2 .indrim {bottom: 140px;}
}


/* Landscape phones and down */
@media (max-width: 480px) { 
	aside{ padding:0; width:100%;}
	aside, article{ float:none;}
	aside{ margin-bottom:20px; min-height:350px;}
	.flexslider { width:100%;}
	.flexslider .slides img{ height:295px;}
	.flexslider .flex-control-thumbs img{ height:50px;}
	article{ width:auto;} 
	.OzelTablo { width:100% !important;}
	.OK2 .indrim { display:block; margin:0 auto; bottom: 260px;}
	
}
  












@media only screen and (max-width: 979px) {
	/*Site: 768px genişliğinde*/
	
	nav#MainMenu,
	.Xpanel{ display:none;}
	#menuAc{ display:block;}
	.medya{ top:73px; right:20px;} 
	
}

@media only screen and (max-width: 430px) {

#logo1{ float:left; width:200px;}
#logo1 img{ width:120px;padding-left: 17px;}
#menuAc{ right:0; top:0;}
#standart p img{ margin-left:-10px !important;}
}

@media only screen and (max-width: 1250px) { .swapper {width: 25%;}.swapper p {font-size: 12px;line-height: 125%;}}
@media only screen and (max-width: 600px) { .swapper { display:none;}.MainIcerik ol li{ display:block; width:97%;}#contact_form { float:none; margin:0 0 20px 0;max-width:none;} iframe{ width:100%;}}


.launcher_position,.wws-popup__close{background-color:#0dc152;color:#fff;user-select:none;cursor:pointer}.launcher_position,.wws-popup-support-person__title,.wws-popup-support__about-text{font-family:Roboto,helvetica}.launcher_position{bottom:12px;right:12px;position:fixed;max-width:185px;min-width:40px;z-index:9999999;height:35px;border-radius:4px;-webkit-box-shadow:0 0 60px rgba(0,0,0,.3);-moz-box-shadow:0 0 60px rgba(0,0,0,.3);-ms-box-shadow:0 0 60px rgba(0,0,0,.3);box-shadow:0 0 60px rgba(0,0,0,.3);box-sizing:border-box;font-size:17px}.dis,.wws-popup{bottom:70px;right:12px;width:270px;z-index:9999999;box-sizing:border-box}.launcher_position div{margin:10px 0 0;padding:0 10px 0 9px;float:right}.fa-whatsapp{color:#fff;font-size:20px;padding-top:8px;padding-left:10px}.dis{position:fixed;display:block;overflow:hidden;height:0;transition:all .5s ease-in-out}.wws-popup__close{position:absolute;top:0;right:5px;width:24px;height:24px;font-size:34px;line-height:24px;text-align:center}.support_popup{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;outline:0}.wws__col-1{width:270px}.wws-popup-support{border-radius:8px;overflow:hidden;-webkit-box-shadow:0 0 60px rgba(0,0,0,.3);box-shadow:0 0 60px rgba(0,0,0,.3);background-color:#fff}.wws__bg-color{background-color:#0dc152}.wws-popup-support__about{padding:22px 13px}.wws-popup-support__about-text{color:#fff;font-size:13px;text-align:center;line-height:18px;user-select:none}.wws-popup-support-person__container{padding:5px 10px;max-height:240px;min-height:60px}.wws-popup-support-person{width:100%;margin:5px 0 10px;cursor:pointer;border:1px solid #f5f5f5;border-radius:4px;overflow:hidden}.wws-popup-support-person__img-wrapper{width:54px;height:54px;display:inline-block;vertical-align:middle;position:relative}.wws-popup-support-person__img{display:block;vertical-align:middle;max-width:100%}.wws-popup-support-person__status--available{background-color:#4caf50}.wws-popup-support-person__status{width:10px;height:10px;position:absolute;z-index:999999;bottom:0;right:0;border-radius:50%}.wws-popup-support-person__info{width:175px;display:inline-block;vertical-align:middle;padding-left:5px}.wws-popup-support-person__title{font-size:12px;font-weight:400;color:#999;line-height:15px}.wws-popup-support-person__name,.wws-popup-support-person__status-text{font-family:Roboto,helvetica;line-height:19px}.wws-popup-support-person__name{font-size:14px;color:#777;font-weight:700}.wws-popup-support-person__status-text{font-size:11px;font-weight:400;color:#999}