/* CSS Document */
body{ margin:0px; font-size:13px; font-family:Verdana, Geneva, sans-serif;}
textarea:focus , input:focus , select:focus , button:focus{outline: none;}a{text-decoration:none; color:#000000;}
.ust{ width:100%; height:26px; background-color:#EBEBEB;}
.side{width:1200px; margin:auto;}
.ust_m li{ font-size:12px; list-style:none; line-height:12px; display:block; float:right; height:12px; border-right:1px solid #000; padding:7px;}
.ust_m li a { color:#333; }
.ust_m li a:hover{ color:#999; }
#ust_m_c{ border-right:0px; padding-right:0px;}
.ust_bg{ width:100%; height:133px; background-image:url(../../side_resim/ust_bg.jpg); background-position:top; background-repeat:no-repeat;}
.ust_tel{ float:right; line-height:40px; background-image:url(../../side_resim/ust_tel_icon.png); background-repeat:no-repeat; background-position:left; padding-left:40px; color:#FFF; font-size:16px; letter-spacing:1px;}
.logo{ width:260px; height:131px; background-image:url(../../side_resim/motrio-nom.png); float:left;}
.logo a{ width:260px; height:131px; display:block;}
.ust_mt{ width:940px; height:38px; float:left;}
.ust_yz{ width:400px; float:left; line-height:38px; color:#FFF; font-size:14px; margin-left:-24px;}
.ust_bg2{ width:100%; height:8px; background-color:#BD1B27; }
.ust_mt2{ width:940px; height:90px; float:left; background-color:#fff;}
.mobil-menu{display:none;}
.ust_menu_cz{ height:8px; margin-top:6px; background-color:#BD1B27; margin-left:-42px;  }
.ust_menu{ width:968px; height:58px; margin-top:4px; margin-left:-18px;}
.ust_menu li{ list-style:none; float:left;  display:block; font-size:14px;}
.ust_menu li a{ display:block; padding:25px; color:#BD1B28;}
.ust_menu li a:hover{ color:#999;}
.ust_menu li ul{ width:350px; display:none; padding:0px; margin:0px; position:absolute; z-index:1000; background-color:#BD1B27; border-top:10px solid #FFF;}
.ust_menu li:hover > ul { display:block;  }
.ust_menu li ul li{ margin-left:5px; width:324px; height:30px; float:left; line-height:30px; padding:8px; border-bottom:1px solid #FFF;}
.ust_menu li ul li a{ display:block; padding:0px; color:#FFF;}
#menu_ok{ background-image:url(../../side_resim/menu_ok.jpg); background-position:bottom; background-repeat:no-repeat;}
.home_res{ width:420px; height:400px; float:left; margin-top:60px;}
.home_rkl{ width:420px; height:148px; float:left; border-bottom:2px solid #FFF; }
.home_rkl img{width:420px; height:148px; }
.home_ic_res{ width:420px; height:250px; float:left;}
.home_ic_res img{width:420px; height:250px; }
.home_res2{ width:420px; height:400px; float:left; margin-top:60px;}
.home_res2 img{width:420px; height:400px; }
.home_yaz{ width:750px; height:400px; float:left; margin-left:30px; margin-top:60px; }
.home_yaz2{ width:750px; height:400px; float:left; margin-right:30px; margin-top:60px;}
.home_yaz_bas{ width:100%; height:36px; line-height:36px; color:#455A99; font-size:15px;}
.home_yaz_bas2 h3{ margin:0px; padding:0px; color:#BD1B27; font-size:23px; font-weight:bold;}
.home_yaz_bas2{ width:100%; height:54px; line-height:44px; color:#BD1B27; font-size:23px; font-weight:bold; }
.home_czg{ width:170px; height:3px; background-color:#455A99; }
.home_mtn{ width:100%; height:210px; color:#666666; margin-top:30px; color:#666;}
.home_btn a{ width:auto; height:26px; padding:15px; line-height:46px; background-color:#BD1B27; color:#FFF; font-size:14px;}
.home_btn a:hover{ background-color:#455A99;}
.home_list{ width:100%; height:685px; background-image:url(../../side_resim/home_list_bg.jpg); float:left; margin-bottom:60px;}
.hom_list_bas{ width:100%; height:80px; line-height:90px; font-size:25px; color:#BD1B27; text-align:center;}
.home_list_czg{ width:170px; height:3px; background-color:#455A99; margin:auto; }
.home_list_yaz{ width:100%; text-align:center; color:#666; margin-top:20px;}
.home_ort_ok{width:100%; height:30px; background-image:url(/side_resim/side_orta_ok.jpg); background-repeat:no-repeat; background-position:center; float:left; margin-top:20px; margin-bottom:20px;}
.hom_list_kutu{ width:334px; height:180px; padding:17px; border-bottom:2px solid #BD1B27; background-color:#FFF; float:left; margin-bottom:45px; display:block;}
.hom_list_kutu:hover{ margin-top:-10px; margin-bottom:55px; display:block;}
.home_list_kutu_bos{ margin-left:45px; margin-right:45px;}
.home_kutu_baslik{width:100%; height:20px; line-height:20px; color:#2B438B;}
.home_kutu_baslik2{width:100%; height:40px; line-height:40px; font-size:14px; color:#BD1A26; padding-top:10px;}
.home_kutu_baslik2 h4{ margin:0px; padding:0px; font-size:14px; color:#BD1A26;}
.home_kutu_yazi{width:100%; height:70px; color:#666666; overflow:hidden;}
.home_kutu_link a{width:175px; height:50px; line-height:50px; color:#BD1B27; float:left;}
.home_kutu_link a:hover{ color:#666;}
.home_kutu_res{width:75px; height:75px; float:right; margin-top:-12px;}
.home_kutu_res img{width:75px; height:75px;}
.bottom{ width:100%; height:200px; background-color:#BD1B27; float:left;}
.bottom ul{ width:900px; height:40px; margin:0px; padding:0px; float:left; margin-top:30px;}
.bottom ul li{ list-style:none; float:left; height:20px; font-size:14px; margin-right:20px; }
.bottom ul li a{ color:#FFF;}
.bottom ul li a:hover{ color:#666;}
.bottom_adr{ width:520px; height:40px; color:#FFF; float:left;}
.bottom_s ul{ width:900px; height:40px; margin:0px; padding:0px; margin-top:20px;}
.bottom_s ul li{ float:left; width:28px; height:28px; margin-right:8px;}
.bottom_s ul li:hover{ opacity:0.5;}
.hom_ssl{ width:166px; height:61px; float:right; margin-top:20px;}
.bottom_cop{ width:100%; height:20px; float:left; text-align:right; font-size:12px; color:#666;}
.s_sayfa{ width:100%; min-height:350px;}
.s_sayfa_ust{ width:100%; height:40px; background-color:#fff; border-top:0px solid #BD1926; border-bottom:1px solid #BD1926; margin-top:8px;}
.sayfa_ad{ width:100%; height:40px; line-height:40px; font-size:14px; color:#BD1926; float:left;}
.sayfa_ad li{ color:#BD1926; float:right; font-size:12px; list-style:none; margin-right:5px;}
.sayfa_ad li a{ color:#666; }
.sayfa_ad span h1{color:#BD1926; font-size:14px; margin:0px; padding:0px;}
.sayfa_ad span{ float:left;}
.gal_res{ width:23%; margin:1%; float:left; max-height:150px; overflow:hidden;}
.gal_ara{ width:100%; height:15px; float:left;}
.gal_res img{ max-width:100%;}
.haber_b a{ width:1180px; line-height:14px; padding:10px; float:left; margin-top:10px; border-bottom:1px solid #666; background-image:url(../../side_resim/haber_ic.jpg); background-position:left; background-repeat:no-repeat; padding-left:20px;}
.haber_b a{ color:#000;}.haber_b a:hover{ color:#BD1926;}
.iletisim_ic{ width:100%; height:auto; float:left;}
.form_b{ width:100%; float:left; line-height:30px; color:#333333;}.form_b strong{ font-size:20px;}.form_k{ width:48%; margin-right:2%; float:left;}.form_ky{ width:100%; line-height:25px; padding:3px;}.form_ki{ width:100%;}.form_inpm{ width:100%; height:90px; border-radius:5px; border:1px solid #ccc; padding:3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.form_inp{ width:100%; height:30px; border-radius:5px; border:1px solid #ccc; padding:3px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}.form_k2{ width:98%; float:left;}
.form_bt {
  background: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none; margin:10PX; float:right; width:30%; cursor:pointer; border:1px solid #ccc;}
.form_bt:hover {
  background: #dae8f0;
  background-image: -webkit-linear-gradient(top, #dae8f0, #979ea3);
  background-image: -moz-linear-gradient(top, #dae8f0, #979ea3);
  background-image: -ms-linear-gradient(top, #dae8f0, #979ea3);
  background-image: -o-linear-gradient(top, #dae8f0, #979ea3);
  background-image: linear-gradient(to bottom, #dae8f0, #979ea3);
  text-decoration: none;
}
@media screen and (max-width: 1250px) {
.side{width:1000px; margin:auto;}
.ust_mt{ width:740px;}
.ust_mt2{ width:740px; margin-left:-1px;}
.ust_menu{ display:none;}	
.banner_map{ display:none;}
.mobil-menu { display:block;
  background: #BD1B27;
  right: -250px;
  height: 100%;
  position:fixed;
  z-index:950;
  width: 250px; top:0px;
}
.mobil-menu-home a{ width:38px; height:38px; background-image:url(/side_resim/mob_men_hom.png); float:left; display:block; margin-top:-130px; float:right; margin-right:20px;}

.mobil-menu ul {
  
  list-style: none;
  margin: 0;
  padding: 0; width: 250px; height: 100%; float:left; margin-top:-90px; overflow:scroll;
}
.mobil-menu ul li ul{
  border-top: 1px solid #8D9AC1; display:none;
  list-style: none;
  margin: 0;
  padding: 0; width: 240px; padding-left:10px; height:auto; float:left; margin-top:0px; overflow:visible;
}

.mobil-menu ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #BD1B27; background-color: #BD1B27;}
.mobil-menu ul::-webkit-scrollbar{width: 10px; background-color: #FFF;}
.mobil-menu ul::-webkit-scrollbar-thumb{background-color: #FFF; border: 1px solid #BD1B27;}
.mobil-menu ul li {
  border-bottom: 1px solid #fff; 
  float:left;
  width:97%; margin-left:3%; overflow:hidden;
}
.mobil-menu ul li a:hover { color:#999;}
.mobil-menu ul li a{  background-image:url(../../mob_resim/men_ic.png); background-position:left; background-repeat:no-repeat;
  height:20px;
  line-height: 22px;
  display:block;
  padding:5px; padding-left:16px; width:214px; color:#FFFFFF;}
.mobil-menu li ul li {
  border-bottom: 0px solid #8D9AC1; 
  float:left;
   width:97%; margin-left:3%;
}
.mob_menu {
  display: inline-block;
  cursor: pointer; float:right; width:38px; padding:2PX; padding-left:6px; margin:3px; margin-top:33px; margin-right:250px; border-radius:9px 0px 0px 9px; margin-top:95px; background-color:#FFF;
}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 7px;
  background-color: #BD1B27;
  margin: 4px 0;
  transition: 0.4s; 
}
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-9px, -6px);
  transform: rotate(45deg) translate(-9px, -6px);
}
.banner_overlay { width: 980px; margin-left: -500px; }
.banner_overlay_container { top:50%; margin-top:-140px; width: 98%; }
.banner_overlay_header {width: 100%;  }  
.banner_overlay_subhead{ display:none;}  
.banner-slider {height:430px; }
.banner {  height:430px;}
.home_res{ width:320px;}
.home_rkl{ width:320px; height:auto;  }
.home_rkl img{width:320px; height:auto; }
.home_ic_res{ width:320px; height:auto;}
.home_ic_res img{width:320px; height:auto; }
.home_res2{ width:320px; height:305; }
.home_res2 img{width:320px; height:auto; }
.home_yaz{ width:650px; height:400px; }
.home_yaz2{ width:650px; height:400px; }
.home_list{ width:100%; height:625px;}
.hom_list_kutu{ width:316px; padding:7px; }
.home_list_kutu_bos{ margin-left:5px; margin-right:5px;}
.haber_b a{ width:96%; line-height:14px; padding:2%;}
}
@media screen and (max-width: 1010px) {
.side{width:750px; margin:auto;}	
.ust_mt{ width:490px;}
.ust_mt2{ width:490px; margin-left:-1px;}	
.banner-slider {height:320px; }
.banner {  height:320px; }
.banner_overlay { width: 700px; margin-left: -360px; }
.banner_overlay_container {margin-top:-90px;  }
.banner_overlay_header {font-size:24px;   }  
.banner_overlay_subhead{ display:none;}  
.home_res{ width:220px;}
.home_rkl{ width:220px; height:auto;  }
.home_rkl img{width:220px; height:auto; }
.home_ic_res{ width:220px; height:auto;}
.home_ic_res img{width:220px; height:auto; }
.home_res2{ width:220px; height:305; }
.home_res2 img{width:220px; height:auto; }
.home_yaz{ width:520px; height:400px; margin-left:10px; }
.home_yaz2{ width:520px; height:300px; margin-right:10px; }
.home_mtn{ height:auto; margin-bottom:20px;}
.home_list{ width:100%; height:auto; background-image:none; border-top:2px solid #BD1B27;}
.home_list_kutu_bos{ margin-left:0px; margin-right:0px;}	
.hom_list_kutu{ width:335px; padding:10px; margin:10px; }
.bottom ul{ width:750px;}
.bottom_s ul{ width:300px;}
.home_ort_ok{ margin-top:-10px;}
}
@media screen and (max-width: 755px) {
.side{width:700px; margin:auto;}	
.ust_mt{ width:390px;}
.ust_mt2{ width:390px;}	
.banner-slider {height:300px; }
.banner {  height:300px; }	
.banner_overlay { width: 690px; margin-left: -340px; }
.banner_overlay_container { width: 640px; }
.banner_overlay_header {font-size:20px;   }
.home_yaz{ width:470px; height:400px; margin-left:10px; }
.home_yaz2{ width:470px; height:300px; margin-right:10px; }
.hom_list_kutu{ width:330px; padding:5px; margin:5px; }
.bottom{ height:230px;}
.bottom_adr{ width:96%; height:auto; padding:2%; margin-top:10px; padding-left:0px;}
.bottom ul{ width:500px;}
.bottom ul li{ line-height:30px; height:30px;}
.bottom_s ul{ width:200px; float:left;}
.home_ort_ok{ margin-top:-10px;}
}
@media screen and (max-width: 700px) {
.side{width:598px; margin:auto;}
.ust_yz{ width:300px;}	
.ust_mt{ width:290px;}
.ust_mt2{ width:290px;}	
.banner-slider {height:260px; }
.banner {  height:260px; }
.banner_overlay { width: 590px; margin-left: -290px; }
.banner_overlay_container { width: 540px; }
.home_res{ width:170px;}
.home_rkl{ width:170px; height:auto;  }
.home_rkl img{width:170px; height:auto; }
.home_ic_res{ width:170px; height:auto;}
.home_ic_res img{width:170px; height:auto; }
.home_res2{ width:170px; height:305; }
.home_res2 img{width:170px; height:auto; }
.home_yaz{ width:420px; height:400px; margin-left:5px; margin-bottom:20px; }
.home_yaz2{ width:420px; height:300px; margin-right:5px; }
.home_yaz_bas{ height:auto;}.home_yaz_bas2{ height:auto;}
.hom_list_kutu{ width:295px; padding:1px; margin:1px; }
.bottom ul{ width:450px;}
.hom_ssl{ width:100px; height:61px;} .hom_ssl img{ width:100px;}
}
@media screen and (max-width: 599px) {

.side{width:478px; margin:auto;}
.ust_mt{ width:190px;}
.ust_mt2{ width:190px;}	
.ust_menu_cz{ height:8px; margin-top:6px; background-color:#BD1B27; margin-left:-36px; width:130%;  }	
.ust_yz{ display:none;}
.banner-slider {height:240px; }
.banner {  height:240px; }
.banner_overlay { display:none;}
.ust_tel{ display:none;}
.home_res{ width:100%;}
.home_rkl{ width:100%; height:auto;  }
.home_rkl img{width:100%; height:auto; }
.home_ic_res{ width:100%; height:auto;}
.home_ic_res img{width:100%; height:auto; }
.home_res2{ width:100%; height:auto; margin-bottom:30px;}
.home_res2 img{width:100%; height:auto; }
.home_yaz_bas{ display:none;}
.home_yaz{ width:100%; height:auto; margin-left:0px; margin-bottom:0px; }
.home_yaz2{ width:100%; height:auto; margin-right:0px; }
.bottom{ height:310px;}
.bottom ul{ width:450px;}
.hom_list_kutu{ width:94%; padding:3%; margin:0px; margin-bottom:20px; }
.haber_b a{ width:94%; line-height:14px; padding:3%;}
.gal_res{ width:48%; margin:1%; float:left; max-height:150px; overflow:hidden;}
}
@media screen and (max-width: 550px) {
.banner-slider {height:210px; }
.banner {  height:210px; }
}
@media screen and (max-width: 479px) {
.side{width:350px; margin:auto; min-width:350px;}
.ust_menu_cz{ height:8px; margin-top:6px; background-color:#BD1B27; margin-left:-36px; width:142%;  }	
.logo{ width:240px; height:131px; background-image:url(../../side_resim/motrio-nom2.png); float:left;}
.logo a{ width:240px; height:131px; display:block;}
.ust_mt{ width:90px;}
.ust_mt2{ width:90px;}
.banner-slider {height:190px; }
.banner {  height:auto; margin-bottom:80px; }
.bottom{ height:160px;}
.bottom ul{ display:none;}
.hom_ssl{ width:100px; height:auto;}
.home_res{ width:100%; height:280px;}
.home_rkl{ width:100%; height:auto;  }
.home_rkl img{width:100%; height:auto; }
.home_ic_res{ width:100%; height:auto;}
.home_ic_res img{width:100%; height:auto; }
.home_res2{ width:100%; height:auto; margin-bottom:30px;}
.home_res2 img{width:100%; height:auto; }
.haber_b a{ width:90%; line-height:14px; padding:5%;}
.sayfa_ad li{ display:none;}
}
@media screen and (max-width: 430px) {
.banner-slider {height:180px; }
.banner {margin-bottom:80px; }
}
@media screen and (max-width: 395px) {
.banner-slider {height:155px; }
.banner {margin-bottom:70px; }
}
@media screen and (max-width: 350px) {
.side{width:320px; margin:auto; min-width:320px;}
.ust_menu_cz{ height:8px; margin-top:6px; background-color:#BD1B27; margin-left:-35px; width:145%;  }
.ust_mt{ width:80px;}
.ust_mt2{ width:80px;}
.hom_list_bas{ height:auto;}
.banner-slider {height:140px; }
.banner {  height:auto; margin-bottom:60px; }
}