@charset "utf-8";
/* CSS Document */
@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Alike);

/*GLOBALS*/
body{font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;overflow-x:hidden; }
body.sayfa{background: url(../images/icerikBg.png) top left;}
h3{color:#ffcb08;font-size: 20px;margin-bottom: 10px;}
section{width: 100%;height: auto;}
.grid{width: 960px;height: auto;margin: 0 auto;}
.golge{-webkit-box-shadow: inset 0px 3px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 3px 7px 0px rgba(0,0,0,0.75);box-shadow: inset 0px 3px 7px 0px rgba(0,0,0,0.75);}
/*GLOBALS END*/

/*SLİDER*/
.slides-container{position: relative;}
.slides-container .container{position: absolute;bottom: 210px;left: 0;right: 0;margin: auto;z-index: 9999;color: red;font-size: 26px;background-color: rgba(0,0,0,0.7);width: 620px;height: 55px;text-align: center;font-size: 26px;color: #ffcb08;font-weight: bold;padding: 20px;border-radius: 10px;}
/*SLİDER END*/

/*HEADER*/
header{height: 110px;width: 100%;}
header .logo{width: 399px;height: 126px;margin:auto;position: absolute;left: 0;right: 0;}
header .logo .social{position: absolute;top: 5px;right: -120px;width: 120px;}
header .logo .lang{position: absolute;top: 5px;left: -70px;}
header .logo .lang a{display: block;width: 25px;height: 25px;background-color: #000;border-radius: 50px;font-size: 10px;color: #ffcb08;text-align: center;line-height: 25px;float: left;margin-right: 5px;font-weight: 900}
header .logo .lang a:hover,header .logo .lang a.active{background: #ffcb08;color: #000;}
header nav{width: 100%;height: 52px;background: url(../images/navBg.png) repeat-x -10px bottom;padding-top: 35px;font-size: 15px;font-weight: normal;}
header nav section .grid ul li{float: left;display: block;width: auto;margin-right: 10px;}
header nav section .grid ul li a{color: #ffcb08;margin-top:20px;font-weight: bold;padding-bottom: 10px;}
/*HEADER END*/

/*SANAL TUR*/
header .sanalTur{width: 65px;height: 265px;background: url(../images/sanalTur.png) no-repeat;position: fixed;	left: 0;top: 0;z-index: 999;bottom: 0;margin: auto;}
header .sanalTur a {position: absolute;top: 91px;left: -63px;width: 155px;padding: 10px;font-size: 20px;font-weight: bold;color: #0c0c0c;transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg);
}
/*SANAL TUR END*/

/*FOOTER*/
footer{width: 100%;height: 150px;background: #000;position: absolute;bottom: 0;float: left}
footer .info{background:url(../images/footerİnfo.png) repeat-x top left;width: 100%;height: 115px;}
footer .grid .hizmet{height: 90px;width: 285px;text-align: center;padding-top: 25px;background-color: #e3b711;}
footer .grid .hizmet span{font-weight: bold;font-size: 32px;}
footer .grid .adres{width: 400px;height: 105px;padding-top: 10px;text-align: center;background: #FFCB08;}
footer .grid .adres img{margin-bottom: 10px;}
footer .grid .adres span{font-weight: bold;font-size: 13px;}
footer .grid .tel{height: 105px;width: 275px;text-align: center;padding-top: 10px;background-color: #e3b711;}
footer .grid .tel img{margin-bottom: 5px;}
footer .grid .tel span{font-weight: bold;font-size: 24px;}

footer .grid .tel .paket{font-size: 13px;}



footer .grid .copy{color: #717171;line-height: 40px;font-size: 12px;}
footer .grid .iwt{color: #717171;text-align: center;font-size: 11px;margin-top: 10px;}
footer .grid .iwt a{color: #717171;}
/*FOOTER END*/

/*DETAY*/
section .detayImg{position: absolute;z-index: -1;top: 0;left: 0;}
section .grid .content{width: 900px;background: rgba(0,0,0,0.7);margin-top: 30px;padding: 30px;clear: both;}
section .grid .content .menu{background: #efbe07;width: 235px;height: auto;}
section .grid .content .menu .baslik{border-bottom: 1px solid #000;display: block;width: 240px;height: 40px;}
section .grid .content .menu .baslik h1{margin: 20px;}
section .grid .content .menu li{width: 170px;height: 20px;background: url(../images/border.png) repeat-x;padding: 10px;list-style: square !important;margin-left: 35px;}
section .grid .content .menu li a{font-weight: bold;font-size: 14px;color: #000;}
section .grid .content .menu .katalog{background-color: #1c1c1c;width: 100%;height: 55px; display:none}
section .grid .content .menu .katalog img{padding: 10px;}
section .grid .content .menu .katalog a{color: #ffcb08;background: url(../images/menu.png) no-repeat 10px 9px;display: block;width: 100%;height: 55px;padding-left: 40px;padding-top: 20px;font-size: 14px;}
section .grid .content .icerik{width: 645px;margin-left: 15px;position: relative;}
section .grid .content .icerik .product{width: 215px;height: 170px;position: relative;margin-bottom: 10px;cursor: pointer;}
section .grid .content .icerik a{color: #ffcb08;text-align: center;}
section .grid .content .icerik .product h2{position: absolute;top:145px;left: 0;right: 0;}
section .grid .content .icerik .product img{border: 2px solid #efbe07;height: 136px;position: absolute;left: 0;right:0;margin:auto; }
section .grid .content .icerik .product .mask{width: 100%;height: 83%;position: absolute;top:0;left: 0;background: rgba(0,0,0,0.5);text-align: center;color: #ccc;line-height: 150px;font-size: 24px;font-weight: bold;display: none;}
section .grid .content .icerik .txtImg{margin-right: 10px;} 
section .grid .content .icerik .text{color: #ccc;}
section .grid .content .icerik .nav_menu{width: 100%;height: 15px;background:#ffcb08;padding: 10px;margin-bottom: 10px;font-weight: bold;}
section .grid .content .icerik .nav_menu ul li{float: left;margin-right: 10px;}
section .grid .content .icerik .nav_menu ul li a{color: #333;}
section .grid .content .icerik .nav_menu ul li a:hover,section .grid .content .icerik .nav_menu ul li a.active{color: #ff4444;}

/*DETAY END*/

/*İLETİSİM FORMU*/
form.iletisim{float: right;}
input, textarea {width: 270px;height: 25px;background: rgba(0,0,0,0.8);border: 2px solid #f2f1eb;margin: 0 0 15px 15px;border-radius: 5px;font: bold 16px 'Alike', serif;color: #9f9d98;padding: 5px;transition: 0.5s ease-in;}
textarea {height: 80px;}
input:focus, textarea:focus {outline: 0;border-top: 2px solid #eae8e4;border-right: 2px solid #eae8e4;border-bottom: 2px solid #a7c242;	border-left: 2px solid #eae8e4;} 
input.button {background: linear-gradient(120deg, #ffcb08, #ffcb00);border: 1px solid #ffcb08;width: 25%;	height: 25%;border-radius: 20px;text-align: center;color: #333;padding: 5px;cursor:pointer;}
input.button:hover{background: linear-gradient(180deg, #ffcb08, #000);color: #fff;}
section .grid .content .icerik .info{float: left;color: #fff;width: 340px;}
section .grid .content .icerik .info span{display: block;width: 90px;float: left;font-weight: bold;color:#ffcb08;}
#googleMap{width: 100%;height: 330px;}
/*İLETİŞİM FORMU END*/