@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/open-sans.woff) format('woff');
}
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: local('Courgette Regular'), local('Courgette-Regular'), url(../fonts/courgette.woff) format('woff');
}
body {
	margin:0px;
	font-family: 'Open Sans', sans-serif;        
}
a {
	text-decoration:none;
}
img {
	border:0px;
}
@media (max-width: 768px) {
* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
#fancybox-wrap, #fancybox-wrap * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
body {
	right: 0;
    -webkit-transition: right 300ms ease-in-out;
    -o-transition: right 300ms ease-in-out;
    transition: right 300ms ease-in-out;

}
.condensed {
    position: relative;
    right: 300px;
    -webkit-transition: right 300ms ease-in-out;
    -o-transition: right 300ms ease-in-out;
    transition: right 300ms ease-in-out;
}
.menu_arkaplan {
    position: fixed;
    width: 0%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: none;
    -webkit-transition: width 300ms ease-in-out;
    -o-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out;
}
.condensed .menu_arkaplan {
	width: 100%;
}
.header {
    background: none;
    width: 100%;
    height: 124px;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
    box-shadow: 0px 6px 5px rgba(0,0,0,0.3), inset 0px -45px 35px -30px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 6px 5px rgba(0,0,0,0.3), inset 0px -45px 35px -30px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 6px 5px rgba(0,0,0,0.3), inset 0px -45px 35px -30px rgba(0,0,0,0.4);
}
.header_ortala {
    width: 100%;
}
.dil {
	display: none;
}
.logo {
    margin-left: 3%;
}
.menu_ac {
	display: block;
}
.menu .menu_ust {
	float: left;
	width: 100%;
	background-color: #FFF;
}
.en {
	margin-left: 50px;
    background: url(../images/english.png) no-repeat;
    width: 50px;
    height: 10px;
    display: inline-block;
}
.tr {
    background: url(../images/turkish.png) no-repeat;
    width: 50px;
    height: 10px;
    display: inline-block;
}
.en a,
.tr a {
    width: 50px;
    height: 10px;
    display: block;
}
.menu .menu_ust .logo {
    float: none;
    margin: 20px auto;
}
.menu .menu_ust .diller {
	padding: 10px 75px;
	width: 100%;
	height: 30px;
	background-color: #222571;
}
.menu {
    float: none;
    position: fixed;
    z-index: 3;
    margin-left: 0px;
    width: 300px;
    height: 100%;
    right: -300px;
    background: #DE1A21;
    -webkit-transition: right 300ms ease-in-out;
    -o-transition: right 300ms ease-in-out;
    transition: right 300ms ease-in-out;
}
.condensed .menu {
	right: 0;
    -webkit-transition: right 300ms ease-in-out;
    -o-transition: right 300ms ease-in-out;
    transition: right 300ms ease-in-out;
}
.menu ul {
    width: 100%;
    height: auto;
}
.menu ul li {
    margin: 0px 5%;
    width: 90%;
}
.menu ul li a {
    width: 100%;
    text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.kategori_menu {
    display: none;
}
.urun_kategorileri {
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: 6%;
    width: 30%;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #DD1920;
    text-align: right;
}
select#urun_gruplari {
    float: left;
    width: 100%;
    height: 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #B6B6B6;
    outline: none;
    color: #424242;
}
.slider {
    zoom: 0.7;
}
.main {
    height: auto;
}
.main_ortala {
    width: 95%;
    height: auto;
}
.main_sol {
    width: 100%;
}
.main_hakkimizda {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
.main_hakkimizda_devami {
    margin-left: 90%;
    width: 10%;
}
.main_imalat {
    width: 50%;
}
.main_haberler {
    width: 50%;
    padding: 0px 10px;
}
.main_imalat_baslik {
    margin: 0px 3%;
    width: 94%;
}
.main_imalat_icerik {
    margin: 10px 3%;
    width: 94%;
}
.main_imalat_devami {
    margin-left: 75%;
    width: 20%;
}
.main_haberler_baslik {
    margin: 0px 0%;
    width: 100%;
}
.main_haberler_icerik {
    margin: 10px 0px;
    width: 100%;
}
.main_haberler_devami {
    float: right;
    margin-left: 0px;
}
.main_alt {
    margin-top: 30px;
    width: 50%;
}
.main_resimler_baslik {
    margin: 0px 3%;
    width: 94%;
}
.main_resimler_icerik {
    margin: 10px 3%;
    width: 94%;
}
.main_galeri_resim {
    margin-left: 3%;
    margin-right: 3%;
    width: 44%;
}
.main_sag {
    margin-top: 30px;
    width: 50%;
}
.main_sag_baslik {
    margin: 0px 3%;
	background: none;
	padding-left: 10px;
    width: 94%;
    height: 40px;
    line-height: 40px;
    text-shadow: none;
    text-align: left;
    color: #ed1d25;
}
.main_form_bg {
	margin-top: 0px;
    margin-left: 3%;
    width: 80%;
    padding: 10px 15px 10px 15px;
}
.form_input_ad {
    background: url(../images/form_sprite.png) 0px -9px no-repeat, #FFF;
    width: 100%;
    height: 30px;
    padding-left: 40px;
}
.form_input_eposta {
    background: url(../images/form_sprite.png) 0px -48px no-repeat, #FFF;
    width: 100%;
    height: 30px;
    padding-left: 40px;
}
.form_input_telefon {
    background: url(../images/form_sprite.png) 0px -87px no-repeat, #FFF;
    width: 100%;
    height: 30px;
    padding-left: 40px;
}
.form_input_dosya {
    background: url(../images/form_sprite.png) 0px -126px no-repeat, #FFF;
    width: 100%;
    height: 30px;
    padding-left: 40px;
}
.form-file_button {
    margin-top: -30px;
    margin-left: 75%;
    height: 30px;
    width: 24.453333333333333%;
    -webkit-border-radius: 0 5px 5px 0px;
    -moz-border-radius: 0 5px 5px 0px;
    -ms-border-radius: 0 5px 5px 0px;
    -o-border-radius: 0 5px 5px 0px;
    border-radius: 0 5px 5px 0px;
}
.form-file {
    margin-top: -30px;
    margin-left: 75%;
    height: 30px;
    width: 24.453333333333333%;
}
.form_textarea {
    width: 100%;
}
.main_form_button {
    width: 100%;
}
.footer {
    background: url(../images/footer.jpg) top left no-repeat;
}
.footer_ortala {
    width: 95%;
}
.alt_menu {
    width: 60%;
}
.alt_menu ul li:first-child {
	display: none;
}
.alt_menu ul .ara {
	display: none;
}
.alt_logo {
    margin-left: 7%;
    background-size: cover;
    width: 25%;
}
.alt_logo a {
    width: 100%;
}
.alt_iletisim {
    margin-left: 7%;
    background-size: contain;
    width: 25%;
}
.copy {
    float: left;
    width: 60%;
}
.imza {
	float: left;
	width: 40%;
}
.altsayfa_content {
    width: 95%;
}
.kurumsal_resim {
    background: url(../images/kurumsal_resim.png) right top no-repeat;
    width: 100%;
}
.imalat_resim {
    background: url(../images/imalat_resim.png) right top no-repeat;
    width: 100%;
}
.imalat_galeri_baslik {
    width: 100%;
}
.altsayfa_baslik {
    width: 100%;
}
.altsayfa_baslik_uzun {
    width: 100%;
}
.imalat_galeri_resim {
    margin-left: 1%;
    margin-right: 1%;
    width: 23%;
}
.altsayfa_icerik {
    width: 100%;
}
.solmenu {
    width: 100%;
}
.solmenu ul {
    width: 100%;
}
.solmenu ul li {
    width: 100%;
}
.solmenu ul li a {
    width: 100%;
}
.pagination {
	width: 100%;
}
.resim_listele {
    margin-left: 0px;
    width: 100%;
}
.teklif_talep {
    margin-top: 10px;
    margin-left: -20px;
    margin-right: 20px;
    width: 42%;
}
.haber_liste {
    margin-left: 0px;
    width: 100%;
}
.haber_liste .item {
    width: 100%;
}
.haber_liste .item .haber_baslik {
    margin-left: 0px;
    width: 100%;
    padding-left: 40px;
}
.haber_liste .item .haber_icerik {
    margin-left: 0px;
    padding-left: 40px;
    width: 100%;
}
.haber_liste .item .haber_tarih {
    width: 50%;
}
.haber_liste .item .haber_devami {
    width: 50%;
}
.haber_liste .haber_adi {
    width: 100%;
}
.haber_liste .haber_aciklama {
    width: 100%;
}
.haber_resimleri {
    width: 100%;
}
.imalat_video_resim {
    margin-left: 1%;
    margin-right: 1%;
    width: 23%;
}
.iletisim_bilgileri {
    width: 100%;
}
.iletisim_bilgileri .parca {
    float: left;
    width: 100%;
}
.iletisim_bilgileri .parca span:first-child {
    width: 10%;
}
.iletisim_bilgileri .parca span {
    width: 90%;
}
.iletisim_formu {
    width: 100%;
}
.iletisim_formu .ara {
    margin-right: 10%;
    width: 40%;
}
.iletisim_formu .ara .form_input_ad {
    margin: 5px 0px;
    width: 100%;
    height: 30px;
}
.iletisim_formu .ara .form_input_eposta {
    margin: 5px 0px;
    width: 100%;
    height: 30px;
}
.iletisim_formu .ara .form_input_telefon {
    margin: 5px 0px;
    width: 100%;
    height: 30px;
}
.iletisim_formu .ara .form_input_konu {
    margin: 5px 0px;
    width: 100%;
    height: 30px;
}
.iletisim_formu .ara .form_textarea {
    margin: 5px 0px;
    width: 100%;
}
.form_button {
    width: 100%;
}
.harita {
    width: 96%;
}
}
@media (min-width: 481px) and (max-width: 640px) {
	.slider {
	    zoom: 0.6;
	}
	.main_sag_baslik {
	    margin: 0px 3%;
		background: none;
		padding-left: 10px;
	    width: 94%;
	    height: 40px;
	    line-height: 40px;
	    text-shadow: none;
	    text-align: left;
	    color: #ed1d25;
	}
	.main_form_bg {
		margin-top: 0px;
	    margin-left: 3%;
	    width: 94%;
	    padding: 10px 15px 10px 15px;
	}
	.alt_logo {
	    background-size: contain;
	}
	.teklif_talep {
	    margin-top: 10px;
	    margin-left: -20px;
	    margin-right: 20px;
	    width: 50%;
	}
	.iletisim_formu .ara {
	    margin-right: 5%;
	    width: 45%;
	}
}
@media (min-width: 321px) and (max-width: 480px) {
	.slider {
	    zoom: 0.5;
	}
	.main_ortala {
	    width: 90%;
	    height: auto;
	}
	.main_hakkimizda {
	    width: 90%;
	    margin-left: 5%;
	    margin-right: 0px;
	}
	.main_hakkimizda_devami {
	    margin-left: 80%;
	    width: 20%;
	}
	.main_imalat {
	    margin-left: 5%;
	    width: 90%;
	}
	.main_haberler {
	    margin-top: 30px;
	    margin-left: 5%;
	    width: 90%;
	    padding: 0px 10px;
	}
	.main_sag {
	    margin-top: 30px;
	    margin-left: 10%;
	    width: 80%;
	}
	.main_form_bg {
	    margin-top: 0px;
	    margin-left: 5%;
	    width: 90%;
	    padding: 10px 15px 10px 15px;
	}
	.main_alt {
	    margin-top: 30px;
	    margin-left: 10%;
	    width: 80%;
	}
	.urun_kategorileri {
	    width: 35%;
	}
	.footer {
		background: rgb(63,67,153); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(63,67,153,1) 0%, rgba(44,47,140,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,67,153,1)), color-stop(100%,rgba(44,47,140,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(63,67,153,1) 0%,rgba(44,47,140,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(63,67,153,1) 0%,rgba(44,47,140,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(63,67,153,1) 0%,rgba(44,47,140,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(63,67,153,1) 0%,rgba(44,47,140,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4399', endColorstr='#2c2f8c',GradientType=0 ); /* IE6-9 */
	    height: auto;
	}
	.footer_ortala {
	    width: 90%;
	    height: auto;
	}
	.alt_menu {
	    width: 100%;
	}
	.alt_menu ul li {
	    margin-right: 0px;
	    max-width: 100%;
	}
	.alt_menu ul li .genis {
	    width: 100%;
	}
	.alt_logo {
		margin-top: 10px;
	    margin-left: 5%;
	    margin-right: 5%;
	    background-size: cover;
	    width: 40%;
	}
	.alt_iletisim {
		margin-top: 0px;
	    margin-left: 5%;
	    margin-right: 5%;
	    background-size: contain;
	    width: 40%;
    }
    .copy {
    	width: 100%;
    }
    .imza {
	    width: 100%;
	}
	.imza a {
		margin-right:0px;
	}
	.kurumsal_resim {
	    background: url(../images/kurumsal_resim.png) right top no-repeat;
	    background-size: contain;
	    width: 100%;
	}
	.imalat_resim {
	    background: url(../images/imalat_resim.png) right top no-repeat;
	    background-size: contain;
	    width: 100%;
	}
	.imalat_galeri_resim {
	    margin-left: 1%;
	    margin-right: 1%;
	    width: 31.3333334%;
	}
	.teklif_talep {
	    margin-top: 10px;
	    margin-left: 15%;
	    margin-right: 15%;
	    width: 70%;
	}
	.imalat_video_resim {
	    width: 31.3333334%;
	}
	.iletisim_formu .ara {
	    margin-right: 0%;
	    width: 90%;
	}
	.iletisim_bilgileri .parca span:first-child {
	    width: 15%;
	}
	.iletisim_bilgileri .parca span {
	    width: 85%;
	}
}
@media (max-width: 414px) {
	.header {
	    width: 100%;
	    height: auto;
	}
	.header_ortala {
	    width: 100%;
	    height: auto;
	}
	.logo {
	    margin-left: 5%;
        zoom: 0.8;
	}
	.urun_kategorileri {
	    margin: 20px 5% 0 0%;
	    width: 40%;
	    text-align: center;
	    zoom: 0.8;
	}
	.main_sag {
	    margin-top: 30px;
	    margin-left: 5%;
	    width: 90%;
	}
	.main_alt {
	    margin-top: 30px;
	    margin-left: 5%;
	    width: 90%;
	}
	.alt_logo {
	    background-size: contain;
    }
	.imalat_galeri_resim {
	    margin-left: 1%;
	    margin-right: 1%;
	    width: 48%;
	}
	.altsayfa_content {
	    width: 90%;
		padding-left: 0px;
	}
	.altsayfa_baslik {
		margin-left: 0px;
	    width: 100%;
	}
	.altsayfa_baslik_uzun {
	    margin-left: 0px;
	    width: 100%;
	}
	.altsayfa_icerik {
	    margin-left: 0px;
	    width: 100%;
	}
	.teklif_talep {
	    margin-top: 10px;
	    margin-left: 10%;
	    margin-right: 10%;
	    width: 80%;
	}
	.imalat_video_resim {
	    margin-left: 4%;
	    margin-right: 4%;
	    width: 42%;
	}
	.iletisim_formu {
	    margin-bottom: 20px;
	}
	.iletisim_formu .ara {
	    margin-right: 0%;
	    width: 100%;
	}
	.harita {
	    width: 100%;
	}
}
@media (max-width: 375px) {
	.teklif_talep {
	    margin-top: 10px;
	    margin-left: 5%;
	    margin-right: 5%;
	    width: 90%;
	}
	.imalat_video_resim {
	    margin-left: 2%;
	    margin-right: 2%;
	    width: 46%;
	}
}
@media (max-width: 360px) {
	.menu_ac i {
	    margin-right: 30px;
	}
	.slider {
	    zoom: 0.4;
	}
	.main_sag {
	    margin-top: 30px;
	    margin-left: 0%;
	    width: 100%;
	}
	.main_alt {
	    margin-top: 30px;
	    margin-left: 0%;
	    width: 100%;
	}
	.kurumsal_resim {
	    background-size: contain;
    	height: 120px;
    }
    .imalat_resim {
	    background-size: contain;
    	height: 120px;
    }
	.iletisim_bilgileri .parca span:first-child {
	    width: 20%;
	}
	.iletisim_bilgileri .parca span {
	    width: 80%;
	}
}
@media (max-width: 320px) {
	.condensed {
	    right: 270px;
	}
	.logo {
	    margin-left: 5%;
	    zoom: 0.7;
	}
	.menu {
	    width: 270px;
	}
	.menu .menu_ust .diller {
	    padding: 10px 55px;
	}
	.menu_ac i {
	    margin-right: 20px;
	}
	.urun_kategorileri {
	    margin: 20px 5% 0 0%;
	    width: 40%;
	    text-align: center;
	}
	.main_hakkimizda {
	    width: 90%;
	    margin-left: 5%;
	    margin-right: 5%;
	}
	.main_hakkimizda_devami {
	    margin-left: 80%;
	    width: 20%;
	}
	.main_imalat {
	    margin-left: 0%;
	    width: 100%;
	}
	.main_haberler {
	    margin-top: 30px;
	    margin-left: 0%;
	    width: 100%;
	    padding: 0px 10px;
	}
	.main_form_bg {
	    margin-top: 0px;
	    margin-left: 5%;
	    width: 90%;
	    padding: 10px 15px 10px 15px;
	}
	.footer {
		background: rgb(63,67,153); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(63,67,153,1) 0%, rgba(44,47,140,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,67,153,1)), color-stop(100%,rgba(44,47,140,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(63,67,153,1) 0%,rgba(44,47,140,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(63,67,153,1) 0%,rgba(44,47,140,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(63,67,153,1) 0%,rgba(44,47,140,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(63,67,153,1) 0%,rgba(44,47,140,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4399', endColorstr='#2c2f8c',GradientType=0 ); /* IE6-9 */
	    height: auto;
	}
	.footer_ortala {
	    width: 90%;
	    height: auto;
	}
	.alt_menu {
	    margin-left: 5%;
	    width: 90%;
	    height: auto;
	}
	.alt_menu ul li {
	    margin-right: 0px;
	    max-width: 100%;
	    height: auto;
	}
	.alt_menu ul li .genis {
	    width: 100%;
	}
	.alt_menu ul li .genis li {
	    float: left;
	    width: 100%;
	    margin-right: 0px;
	}
	.alt_logo {
	    margin-top: 10px;
	    margin-left: 20%;
	    margin-right: 20%;
	    background-size: contain;
	    width: 60%;
	}
	.alt_iletisim {
	    margin-top: 0px;
	    margin-left: 20%;
	    margin-right: 20%;
	    background-size: contain;
	    width: 60%;
	}
    .copy {
    	width: 100%;
    }
    .imza {
	    width: 100%;
	}
	.imza a {
		margin-right:0px;
	}
	.teklif_talep {
	    margin-top: 10px;
	    margin-left: 0%;
	    margin-right: 0%;
	    width: 100%;
	}
}