body {
margin: 0px;
padding: 0px;
overflow-x: hidden !important;
}
body a:hover{text-decoration:none;}
#bar::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #fff;
}
#bar::-webkit-scrollbar {
width: 15px;
background-color: #fff;
}
#bar::-webkit-scrollbar-thumb {
background-color: #d41217;
}
.ust{ margin: 0px auto;
padding-top: 0px;
width:100%;
height: 130px;
background:rgba(255,255,255,0.9);
text-align: left;
z-index:999 !important;
position:relative;
}
.ust2{
width:100%;
height: 35px;
position:absolute;
z-index:-99999;
}
.mobilmenu {display:none;}
#nav_logo {display:none;}
.header{width:1400px; height:120px; margin-left:auto; margin-right:auto; }
.alisveris {display:none;}
.sekil2 p{height:50px; background:#5ed055; bottom:5px; right:10px; width:50px; border-radius:50px; position:fixed; z-index:9999999 !important; font-family: 'Kumbh Sans', sans-serif; font-weight:700; font-size:28px; padding-top:5px; color:#2e2d2c; text-align:center; border:1px dashed #2e2d2c;}
.sekil2 p:hover{height:50px; background:#000; bottom:5px; right:10px; width:50px; border-radius:50px; position:fixed; z-index:9999999 !important; font-family: 'Kumbh Sans', sans-serif; font-weight:700; font-size:28px; padding-top:5px; color:#5ed055; text-align:center; border:1px dashed #5ed055;}
.sekil3 p{height:60px; background:#f3f3f3; top:170px; left:-50px; width:160px; border-radius:0px; position:fixed; z-index:9999999 !important; font-family: 'Kumbh Sans', sans-serif; transform: rotate(270deg); font-weight:700; font-size:20px; padding-top:18px; color:#000; text-align:center;}
.sekil3 p:hover{height:60px; background:#d41217; top:170px; left:-50px; width:160px; border-radius:0px; position:fixed; z-index:9999999 !important; font-family: 'Kumbh Sans', sans-serif; transform: rotate(270deg); font-weight:700; font-size:20px; padding-top:18px; color:#000; text-align:center;}
.sekil4 p{height:60px; background:#e2e2e2; top:330px; left:-50px; width:160px; border-radius:0px; position:fixed; z-index:9999999 !important; font-family: 'Kumbh Sans', sans-serif; transform: rotate(270deg); font-weight:700; font-size:20px; padding-top:18px; color:#000; text-align:center;}
.sekil4 p:hover{height:60px; background:#d41217; top:330px; left:-50px; width:160px; border-radius:0px; position:fixed; z-index:9999999 !important; font-family: 'Kumbh Sans', sans-serif; transform: rotate(270deg); font-weight:700; font-size:20px; padding-top:18px; color:#000; text-align:center;}
.sekil5 p{height:60px; background:#d4d4d4; top:490px; left:-50px; width:160px; border-radius:0px; position:fixed; z-index:9999999 !important; font-family: 'Kumbh Sans', sans-serif; transform: rotate(270deg); font-weight:700; font-size:20px; padding-top:18px; color:#000; text-align:center;}
.sekil5 p:hover{height:60px; background:#d41217; top:490px; left:-50px; width:160px; border-radius:0px; position:fixed; z-index:9999999 !important; font-family: 'Kumbh Sans', sans-serif; transform: rotate(270deg); font-weight:700; font-size:20px; padding-top:18px; color:#000; text-align:center;}
#taglar, #mobil_menu{display:none;}
#video{width:100% !important; margin-top:-5px;}
#altLinkler { width: 90%; margin-left:auto; margin-right:auto; height: auto; position: relative; z-index: 9; background: #fff; margin-top:200px; }
#altLinkler::after {width: 100%; height: 25px; content: ''; position: absolute; left: 0; top: 0; }
#altLinkler ul {width: 100%;height: 350px;margin: 0 auto;padding: 0;list-style: none; }
#altLinkler ul li {width: 50%;height: 350px;float: left;position: relative; padding:50px; }
#altLinkler ul li img{width: 300px;height: auto;float: left;position: absolute; margin-top:30px; margin-left:0px;}
#altLinkler ul li ::first-line{ font-weight:300; font-size:30px; line-height:100%;}
#altLinkler ul li .baslik {margin-top: 0px;text-align: center;background:#f5f5f5; height:300px; }
#altLinkler ul li .baslik h1 { font-family: 'Montserrat', sans-serif; text-align:right;
font-weight:400;
font-size: 14px;margin: 0;padding-top:135px; padding-right:10px; padding-left:100px; color:#5d5d5d !important;}
#altLinkler ul li:hover h1 {color:#fff !important; margin-top:0px; transition:all 500ms; background:#d41217; height:300px; }
#altLinkler ul li:hover { transition:all 500ms;}
#altLinkler ul li a {text-decoration: none;/* display: block; */height:300px;float: left;width: 100%; }
.arama_kutusu{position:fixed; z-index:999999999999999 !important; width:40px; height:40px; top:0px; right:0px; border-bottom-left-radius:10px; background-color:rgba(255,234,0,0.9); transition:all 500ms;}
.arama_kutusu i{ color:#000; font-size:25px; margin:7px;}
.arama_kutusu:hover{top:0; width:100%; height:50%; transition:all 500ms; background-color:rgba(255,234,0,0.9);}
.arama_kutusu_ic{display:none;}
.arama_kutusu:hover .arama_kutusu_ic{display:block; color:#000; font-size:48px; font-family: 'Kumbh Sans', sans-serif; font-weight:900; margin-left:auto;
margin-right:auto; margin-top:0%; width:500px;}
#ara{font-size:24px; font-family: 'Kumbh Sans', sans-serif; font-weight:400; color:#000; background-color:rgba(255,255,255,1); width:100%; border:none; padding:15px;}
#buton{font-size:32px; font-family: 'Kumbh Sans', sans-serif; padding:15px; font-weight:900; color:#d41217; background-color:#000; border:none; width:100%; margin-top:5px;}
#buton:hover{background-color:#fff; color:#000;}
.header_ortala {
margin: 0px auto;
right:1380px;
width:100%;
position:absolute;
max-width: 100%;
height: 114px;
margin-top:0px;
background: #000;
z-index:-99999;
}
.header_ortala2 {
width:100%;
position:absolute;
max-width: 100%;
height: 45px;
margin-top:-36px;
transform:skewX(-40deg);
margin-left:500px;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
box-shadow: 1px 3px 3px #ccc;
background:#eaeaea;
z-index:99999;
}
.header_ortala2_ic {
width:1250px !important;
margin-left:auto;
margin-right:auto;
}
.header_ortala3 {
right:1050px;
position:absolute;
width: 450px;
max-width:100%;
height: 180px;
margin-top:-50px;
clip-path: polygon(0 0, 100% 0, 76% 100%, 0% 100%);
background:#000;
z-index:-99999999;
}
.header_ortala4 {
margin-left:0px;
position:fixed;
width: 60px;
height: 100%;
margin-top:0px;
box-shadow: 4px -5px 5px #ddd;
background:#fff;
z-index:-99999;
}
.header_ortala4_ic1 {
transform: rotate(270deg);
float:left;
font-family:'Kumbh Sans';
font-weight:400;
width:600px;
margin-top:290px;
margin-left:-270px;
font-size:14px;
}
.header_ortala4_ic2 {
float:left;
transform: rotate(0deg);
font-family:'Kumbh Sans';
font-weight:600;
margin-top:350px;
margin-left:0px;
width:60px;
text-align:center;
font-size:14px;
}
.header_ortala4_ic2 .fa{color:#000; padding:8px; font-size:20px; }
.header_ortala4_ic2 .fa:hover{color:#d41217; transition:all 500ms;}
.hizmetlermenu {
margin:0px;
margin-top:20px;
padding:0px;
width:100%;}
.hizmetlermenu li {background:#f3f3f3;
color:#000;
font-family: 'Kumbh Sans', sans-serif; font-size:16px; font-weight:400;
list-style-type:none;
margin-top:1px;
padding-top:15px;
padding-left:15px;
height:50px;
width:100%;}
.hizmetlermenu li:hover {background:#d41217;
color:#fff;
list-style-type:none;
margin-top:1px;
padding-top:15px;
padding-left:15px;
height:50px;
width:100%;}
#usticerik {
width:100%; margin-left:auto; margin-right:auto;
height: 50px;
margin-top:15px;
position:relative;
z-index:9;
background:#f3f3f3;
}
.usticerik_ic{ width:1400px; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; }
.usticerik_ic p{ margin-top:0px; padding-top:15px; padding-left:10px; text-align:right; position:relative; font-size:14px; font-family:'Kumbh Sans'; font-weight:400; color:#000; z-index:99999999999 !important; width:100%;
}
#usticerik1 {
width:100%; margin-left:auto; margin-right:auto;
height: 100px;
margin-top:0px;
position:relative;
z-index:9;
background:#d41217;
}
.usticerik_ic1{ width:1400px; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; }
.usticerik_ic1 p{ padding-top:20px; margin-left:0px; padding-left:10px; text-align:left; position:relative; font-size:48px; font-family:'Kumbh Sans'; font-weight:400; color:#fff; z-index:99999999999 !important; width:100%;
}
#usticerik2 {
width:100%; margin-left:auto; margin-right:auto;
height: 80px;
margin-top:0px;
position:relative;
z-index:9;
background:#696969;
}
.usticerik_ic2{ width:1400px; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; }
.usticerik_ic2 p{ padding-top:25px; margin-left:0px; padding-left:10px; text-align:left; position:relative; font-size:24px; font-family:'Kumbh Sans'; font-weight:400; color:#fff; z-index:99999999999 !important; width:100%;
}
.arkaresim{position:absolute; z-index:9999999999; right:-10%; margin-top:100px;}
#slogan{ float:left; margin-left:50px; margin-top:10px;}
#katalog1 p{
color:#000;
font-size:16px;
}
#katalog1{
float:left;
position:relative;
height:150px;
width:120px;
background-color:#dbdbdb;
margin-left:5px;
margin-top:5px;
z-index:999999;
border-radius:10px;
padding-top:5px;
text-align:center;
font-size:14px;
}
#katalog1:hover{ background-color:#ff7601;}
#dil_kutusu{ float:right !important; padding-bottom:0px; width:250px; margin-right:0px; position:relative;}
#dil_kutusu ul{list-style-type:none; padding:0px; margin:0px;}
#dil_kutusu ul li{float:left; font-family: 'Jost', sans-serif; font-weight:500; font-size:12px; margin-top:10px; padding-left:5px; }
#dil_kutusu ul a{color:#000; padding:11px 5px 11px 5px; }
#dil_kutusu ul a:hover{color:#d41217; transition:all 500ms; }
#dil_kutusu ul img{width:25px; }
.grup{ float:right; margin-top:30px; width:45px; position:relative; }
.grupmenu ul{
list-style: none;
margin: 0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
padding: 0;
height:40px;
border-radius:30px;
z-index:999999999 !important;
position:absolute;
}
.grupmenu li{
float: left;
position: relative;
width: 40px;
}
.grupmenu ul li ul{
display: none;
}
.grupmenu ul li:hover ul{
display: block;margin-top:-25px !important;
}
.grupmenu ul li a{
text-decoration: none;
border-radius:0px;
display: block;
color: white;
font-family: 'Quicksand', sans-serif; font-weight:600;
text-align: center;
padding: 3px;
}
.grupmenu ul li a img{
width:35px;
}
.arrow{
margin-top:-15px !important;
}
.grupmenu ul li ul li a{
background: #fff;
text-align: left;
border-radius:30px;
padding: 3px;
border-bottom: 1px solid #ccc;
font-size: .8em;
}
.grupmenu li a:hover{
border-radius:30px;
background:#ccc;
transition: .5s;
}
.grupmenu ul li ul li a:hover{
padding-left: 3px;
}
.header_sosyal{float:left; color:#000; margin-top:5px; margin-left:950px;font-family: 'PT Sans', sans-serif; font-weight:400; font-size:12px; width:200px; position:absolute; }
.header_sosyal .fa{color:#000; padding:8px; }
.header_sosyal .fa:hover{color:#d41217; transition:all 500ms;}
#h_iletisim{float:left; width:180px; height:52px; padding:5px; margin-top:5px; margin-left:400px; position:absolute; border-radius:5px;}
#h_iletisim:hover{padding-left:10px; transition: all 500ms;}
#h_iletisim p{font-family: 'Ubuntu', sans-serif; font-weight:400; font-size:14px; color:#fff; margin-left:40px;}
#h_iletisim .fa{font-size:42px; position:absolute; color:#fff;}
#h_iletisim2{float:left; width:180px; height:72px; padding:5px; margin-top:-50px; margin-left:1000px; position:absolute; border-radius:5px; z-index:-99999 !important;}
#h_iletisim2:hover{padding-top:10px; transition: all 500ms; }
#h_iletisim2 p{font-family: 'Gemunu Libre', sans-serif; font-weight:400; font-size:14px; color:#8f8f8f; margin-left:40px;}
#h_iletisim2 .fa{font-size:22px; position:absolute; color:#8f8f8f; font-weight:100; }
#h_sosyal{float:left; margin-left:50px; margin-top:10px;}
#h_sosyal a .fa{font-size:20px; color:#646464; padding:10px; }
#h_sosyal a:hover .fa{color:#646464;}
#clear{clear:both;}
#logo {
text-align: left;
float:left;
margin-top:-10px;
margin-left:0px;
position:absolute;
z-index:999999 !important;
}
#logo_resim{
width:250px;
}
#logo_resim:hover{
margin-top:10px;transition: all 500ms;
}
.navi a{ font-family: 'Jost', sans-serif; font-size:17px; font-weight:400; color:#ccc;}
.navi a:hover{ font-family: 'Jost', sans-serif; font-size:17px; font-weight:400; color:#d41217;}
a .whatsapp_hatti{float:right; padding-left:10px; width:250px; padding-top:10px; border:1px solid #bebebe; margin-top:50px; margin-right:150px;}
a .whatsapp_hatti i{float:left; font-size:40px; color:#444; }
a .whatsapp_hatti p{float:left; font-size:14px; color:#555; font-weight:500; padding-left:10px;}
a .whatsapp_hatti span{float:left; font-size:16px; color:#555; font-weight:700; padding-left:10px;}
a .musteri_hizmetleri{float:right; padding-left:10px; padding-right:10px; padding-top:12px; border:1px solid #bebebe; margin-top:15px;}
a .musteri_hizmetleri img{float:left; height:35px; }
a .musteri_hizmetleri p{float:left; font-size:14px; color:#555; font-weight:500; padding-left:10px;}
a .musteri_hizmetleri span{float:left; font-size:16px; color:#555; font-weight:700; padding-left:10px; margin-top:-3px;}
.tuvlogo {
float:left;
margin-top:70px;
margin-left:1070px;
width:auto;
height:0px;
position:absolute;
z-index:99999999999 !important;
}
.tuvlogo img {
width:250px;
}
#cizdirik{width:250px; height:20px; float:left; position:absolute; margin-left:10px; margin-top:0px; }
#cizgi_ic{width:250px; height:20px; margin-left:20px; float:left; position:absolute;}
#cizgi_ic .fa{color:#fff; font-size:18px; padding:5px; float:left;}
#cizgi_ic b{color:#3c3c3b; font-size:20px; font-family: 'Kumbh Sans', sans-serif; font-weight:400; float:left;}
#cizgi_ic p{color:#3c3c3b; font-size:14px; font-family: 'Kumbh Sans', sans-serif; font-weight:400; float:left;}
#cizgi_ic a{color:#3c3c3b; font-size:14px; font-family: 'Kumbh Sans', sans-serif; font-weight:400; float:left;}
#cizgi_ic a:hover .fa {background-image:none; color:#222;}
#cizgi_ic input{ width:220px; box-shadow: 1px 1px 2px #ccc; border:1px solid #f3f3f3; border-radius:20px; height:35px; float:left; font-size:12px; font-family: 'Kumbh Sans', sans-serif; font-weight:400; margin-top:20px; color:#303030; padding:5px; }
.header_iletisim{float:left; margin-top:20px; margin-left:300px; font-weight:400; font-size:14px; color:#4D4D4D; font-family: 'Kumbh Sans', sans-serif; font-weight:500; }
.header_iletisim a{color:#555;}
.header_iletisim a:hover{color:#d41217;}
.header_iletisim i{font-size:16px;}
.header_iletisim2{float:right; margin-top:20px; font-weight:400; font-size:14px; color:#4D4D4D; font-family: 'Kumbh Sans', sans-serif; font-weight:500; }
.header_iletisim2 a{color:#555;}
.header_iletisim2 i{font-size:16px;}
.menuustde{width: 100%; position:absolute; z-index:100; height:auto; }
.menu {
float:left;
height:45px;
margin-left:auto; margin-right:auto;
border-radius:5px;
margin-left:250px;
margin-top:60px;
position:relative; z-index:99999999;
}
#menu{list-style-type:none; list-style-image:none; margin:0px; float:left !important;}
#menu li{float:left; padding-top:24px; padding-bottom:23px; padding-left:15px; padding-right:15px; font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:500; color:#4D4D4D;}
#menu a li p{ font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:500; color:#4D4D4D; padding:0px; margin:0px; transition: all 700ms;}
#menu a{ font-family: 'Montserrat', sans-serif; font-size:15px; font-weight:500; color:#4D4D4D; padding:0px; margin:0px; }
#menu li:hover{color:#d41217 !important; transition: all 500ms;}
#menu li:hover a{ color:#d41217; }
#menu #menu_ayrac{ font-size:45px; color:#333; margin-top:0px; font-weight:100; font-family: 'PT Sans', sans-serif; margin-left:8px; margin-right:8px; padding:0px !important; transition:none; height:55px;}
#alt_menu{display:none; background-color:rgba(19,78,145,1)!important; width:400px; margin-left:-40px; left:50%; padding-bottom:10px;
-webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4);
box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4); }
#alt_menu_ul{
display:none;
background-color:rgba(212,18,23,0.8)!important;
margin:0px;
margin-top:20px;
margin-left:-15px;
padding:0px;
width:250px;
}
#menu li:hover #alt_menu_ul { display:block !important; position:absolute !important;z-index:999999 !important; color:#fff;}
#alt_menu_ul a li{ float:none; list-style-type:none; margin:0px; padding:10px; font-size:14px; font-weight:500; color:#fff;}
#alt_menu_ul a:hover li{background-color:#f4f4f4; color:#000; }
.menu li:hover #alt_menu {position:absolute !important;z-index:99999 !important; list-style:none; display:block; margin-top:23px; background-color:#fff; }
#alt_menu_2{margin-top:5px; margin-left:5px; margin-right:0px; text-align:left; float:left; border:1px solid #ccc; min-height:80px; padding-top:25px; width:97%; background:#124e91; }
#alt_menu_2:hover{ background: #fff; transition: all 500ms; padding-left:50px; }
#alt_menu_2 p{font-size:24px; font-weight:700; min-height:30px; padding-left:90px; color:#3c3c3c !important; margin-bottom:0px; margin-top:0px; padding-top:0px; font-family: 'Montserrat', sans-serif;}
#alt_menu_2 img{ width:80px; float:left; margin-left:auto; margin-right:auto; margin-top:-15px; border-radius:4px;}
#alt_menu_2 #alt_menu_kategori { float:left; text-align:left; margin-left:-10px; list-style-type:none; padding-top:10px;}
#alt_menu_kategori li{float:none; margin-left:-25px; width:350px; font-family: 'Montserrat', sans-serif; font-size:13px; font-weight:500; color:#333; padding:0px; }
#alt_menu_kategori li:hover {background-color:#124e91; color:#fff;}
#alt_menu3{display:none; background: rgba(255,255,255,0.8)!important; width:1200px; margin-left:-270px; padding-bottom:10px; box-shadow:0px 3px 3px rgba(0,0,0,0.1);}
#alt_menu3_ul{
display:none;
background:#e9e9e9;
margin:0px;
margin-top:10px;
margin-left:-15px;
padding:0px;
width:250px;
}
#menu li:hover #alt_menu3_ul { display:block !important; position:absolute !important;z-index:999999 !important; color:#000;}
#alt_menu3_ul a li{ float:none; list-style-type:none; margin:0px; padding:10px; font-size:13px; font-weight:400; }
#alt_menu3_ul a:hover li{background-color:#ccc; }
.menu li:hover #alt_menu3 {position:absolute !important;z-index:99999 !important; list-style:none; display:block; margin-top:20px; background-color:#fff;}
#alt_menu_3{margin-top:10px; margin-left:5px; margin-right:5px; text-align:center; float:left; min-height:160px; width:290px; background:#fff; }
#alt_menu_3:hover{ background: rgba(255,255,255,0.9); transition: all 500ms;}
#alt_menu_3 p{font-size:18px; font-weight:400; text-align:center; color:#000 !important; margin-bottom:0px; margin-top:5px; }
#alt_menu_3 img{ height:70px; margin-left:auto; margin-right:auto; margin-top:5px; border-top-left-radius:30px; border-bottom-right-radius:30px;}
#alt_menu_3 #alt_menu_kategori3 { float:left; text-align:left; margin-left:-10px; list-style-type:none; }
#alt_menu_kategori3 li{float:none; margin-left:-25px; width:365px; font-family: 'Montserrat', sans-serif; font-size:12px; font-weight:500; color:#333; padding:2px;}
#alt_menu_kategori3 li:hover {background-color:#124e91; color:#fff;}
#slayt{ margin-left:auto; width:100%; margin-right:auto; position:relative; margin-top:20px; z-index:99 !important;}
#slayt_arkaplan_renk{width: 100%; position:relative;}
.index_orta_dis{width: 100%; position:relative; z-index:100; height:auto; background-color:#fff;}
.index_orta{width:1300px; margin-left:auto; margin-right:auto; height:auto; margin-top:40px; }
.index_kutular{ margin-left:5px; margin-right:5px; height:250px; border-radius:0px; margin-bottom:10px;}
.index_kutular h2{color:#454545; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:20px; text-align:left; margin:10px;padding-bottom:10px; width:100%;}
.index_kutular i{}
.index_kutular_icerik1{color:#454545; padding:10px; width:700px; font-size:20px;}
.index_kutular_icerik1 p{color:#454545; font-size:14px !important;}
.index_kutular_icerik{color:#454545; padding:20px;}
#duyurular{float:left; width:100%; height:400px; padding-right:20px; margin-bottom:20px; font-family: 'PT Sans', sans-serif; border-bottom: 4px solid #dadada;
-webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4);
box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4);
z-index:9999999 !important;}
#interaktif{float:left;width:300px; background:-webkit-linear-gradient(left,#e8e8e8,#fff);background:linear-gradient(to left,#e8e8e8,#fff) transition: all 500ms;}
#interaktif2{float:left;width:300px; background:-webkit-linear-gradient(left,#e8e8e8,#fff);background:linear-gradient(to left,#e8e8e8,#fff) transition: all 500ms;}
#interaktif3{float:left;width:300px; background:-webkit-linear-gradient(left,#e8e8e8,#fff);background:linear-gradient(to left,#e8e8e8,#fff) transition: all 500ms;}
#iletisim{ float:left;width:300px; padding-left:20px;background:-webkit-linear-gradient(left,#e8e8e8,#fff);background:linear-gradient(to left,#e8e8e8,#fff) transition: all 500ms;}
.index_kutucuklar{ margin-left:0px; margin-right:0px; height:10px; margin-bottom:10px;}
#fabrika{float:left; padding-left:720px; margin-top:-30px; position:absolute; z-index:999;}
#slayt_yan_menu{width:250px; float:left; }
#kurresim{ position:absolute; margin-left:340px; margin-top:40px;}
#piyasalar_tbl{ width:260px; font-family: 'PT Sans', sans-serif; font-size: 16px; color:#454545; height:60px; }
#piyasalar_tbl td{border-bottom:1px solid #454545;}
.index_kutular_icerik #marque{width:100%; height:150px;}
.index_kutular_icerik #marque b{font-variant:500; color:000; font-size:12px;}
.index_kutular_icerik #marque spam{font-variant:300; color:000; font-size:10px;}
.index_kutular_icerik #marque i{color:999; font-size:10px;}
.index_kutular:hover i{}
.index_kutular:hover h2{transition: all 1000ms;}
.index_kutular p{font-family: 'PT Sans', sans-serif; font-weight:400; font-size:10px; color:#000; }
.index_kutular_icerik1 a {width:260px; padding:10px; text-align:center; border:2px solid #fff; border-radius:3px; background-color:#c8c8c8; color:#000; margin-left:auto; margin-right:auto; margin-top:0px; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; position:absolute; z-index:9999999;}
.index_kutular_icerik1 a:hover {background-color:rgb(0,0,0); color:#FFF;}
.kutular_golge{width:100%; height:13px; margin-top:10px; text-align:center; z-index:500; text-align:center;}
.kutular_golge img{width:100%; height:13px; margin-top:10px; text-align:center; z-index:500; text-align:center; z-index:99999;}
#kurumsal a, #kurumsal a:hover { color:#CCC;}
#iletisim h5{color:#111; font-weight:700; font-size:15px; padding-bottom:5px; border-bottom:1px dashed #fff; }
#iletisim span{color:#111; font-weight:300; font-size:13px; }
#iletisim span #iii{color:#312b69; font-size:13px; }
.farkimiz{width:100%; height:600px; position:relative; z-index:100; margin-top:55px; z-index:999999999 !important; }
#farkimiz_ic{width:1200px; margin-left:auto; margin-right:auto;}
.farkimiz_kutular{float:left; width:200px; height:180px; margin:10px; transition: all 800ms; text-align:center; }
.farkimiz_kutular h2{color:#495159; font-family: 'PT Sans', sans-serif; font-size: 14px; font-weight:400; text-align:center; margin:0px; margin-top:20px; font-variant:100;}
.farkimiz_kutular i{font-size:20px; margin-top:30px; color:#495159; border:1px dashed #495159; padding:22px; border-radius:100px; width:70px; height:70px; transition: all 800ms;}
.farkimiz_kutular:hover i{font-size:20px; margin-top:30px; -webkit-transform: rotate(360deg); transition: all 800ms;}
#iletisim_dis{width:100%; background:#eee; height:150px; text-align:center; margin-top:200px; margin-bottom:100px;}
#iletisim_dis_ic{width:1300px; height:200px; margin-left:auto; margin-right:auto; text-align:center;}
#iletisim_dis_ic img{width:500px; margin-top:-120px; float:left;}
#iletisim_dis_ic p{width:500px; float:left; text-align:left; margin-top:0px; font-family: 'Kumbh Sans', sans-serif; font-size: 14px; font-weight:400;}
#iletisim_dis_ic h1{width:500px; float:left; text-align:left; margin-top:50px;font-family: 'Kumbh Sans', sans-serif; font-size: 24px; font-weight:700;}
#iletisim_dis_ic a{width:500px; float:left; text-align:left; margin-top:0px; font-family: 'Kumbh Sans', sans-serif; font-size: 14px; font-weight:400; color:#000;}
#iletisim_dis_ic a:hover{color:#d41217;}
.hizli-cozum{width: 100%;display: block;overflow: hidden; color:#fff !important ;}
.hizli-cozum-center{width: 1200px;height: 201px;margin: 0 auto;margin-top:40px;}
.hizli-cozum-baslik{width: 560px;height: 150px;margin: 0 auto;}
.hizli-cozum-baslik h2{width: 509px;margin: 0 auto;font-size: 30px;font-family: 'Dosis' !important;font-weight: 100;text-align: center;}
.hizli-cozum-baslik h2 strong{font-weight: bold;font-size: 31px;}
.hizli-cozum-baslik h2 strong{font-weight: bold;font-size: 31px;}
.hizli-cozum-baslik .cizgi{width: 100px;height: 2px;background: #444;margin: 0 auto;margin-top: 14px;margin-right: 248px;margin-bottom: 15px}
.hizli-cozum-baslik .hizli-cozum-text{margin-top: 96px;width: 518px;margin: 0 auto;text-align: center;}
.hizli-cozum-center{
max-width: 100%;
float: none;
padding: 30px !important;
margin-top:-5px;}
.hizli-cozum-resim{width: 100%;text-align: center;margin-left: 0px;}
.hizli-cozum-resim i{ color:#000; font-size:36px;}
/**********************BAYÄ°LÄ°K CSS KODU BAÅLANGIÇ*******************/
.bayilik{width: 350px;height: auto;float: left;margin-right: 40px;}
.bayilik img{margin-left: 10px; transition: all 1s ease-in-out;cursor: pointer;}
.bayilik img:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.bayilik h2 {width: 203px;margin: auto;margin-top: 17px;margin-bottom: 15px;font-size: 19px;font-weight: 500;font-family: 'Kumbh Sans' !important; text-align: center;}
.bayilik h2 strong{font-family: 'Kumbh Sans' !important; font-weight: bold;}
.bayilik p{font-size: 12px;color: #86878b;text-align: center;font-family: 'Kumbh Sans' !important; }
/**********************SERVÄ°S VÄ°DEO CSS KODU BAÅLANGIÇ*******************/
.servis{width: 350px;height: auto;float: left;margin-right: 40px;}
.servis img{margin-left: 10px;transition: all 1s ease-in-out;cursor: pointer;}
.servis img:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.servis h2 {width: 203px;margin: auto;margin-top: 17px;margin-bottom: 15px;font-size: 19px;font-weight: 500;font-family: 'Kumbh Sans' !important; text-align:center;}
.servis h2 strong{font-weight: bold;font-family: 'Kumbh Sans' !important;}
.servis p{font-size: 12px;color: #86878b;text-align: center;font-family: 'Kumbh Sans' !important;}
/**********************YENÄ° ÃœRÃœN VÄ°DEO CSS KODU BAÅLANGIÇ*******************/
.yeniurun{width: 350px;height: auto;float: left;}
.yeniurun img{margin-left: 10px;transition: all 1s ease-in-out;cursor: pointer;}
.yeniurun img:hover {transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.yeniurun h2 {width: 130px;margin: auto;margin-top: 17px;margin-bottom: 15px;font-size: 19px;font-weight: 500;font-family: 'Kumbh Sans' !important; text-align:center;}
.yeniurun h2 strong{font-weight: bold;font-family: 'Kumbh Sans' !important;}
.yeniurun p{font-size: 12px;color: #86878b;text-align: center;font-family: 'Kumbh Sans' !important;}
.ana_kutu{width:100%; height:auto; position:relative; z-index:9; color:#000; padding-top:0px; padding-bottom:0px; margin-top:200px; }
.ana_kutu_ic{ font-family: 'Kumbh Sans', sans-serif; width:1300px; padding-top:50px; margin-left:auto; margin-right:auto; }
.ana_kutu_ic1{ width:70%; float:left; margin-left:-30%;}
.ana_kutu_ic2{ width:60%; float:right; }
.ana_kutu_ic h2{ font-weight:900; font-size:36px; color:#d41217; font-family:'Montserrat';}
.ana_kutu_ic p{font-weight:400; font-size:14px; color:#000;}
.ana_kutu_ic img{width:100%;}
.uretim{width:100%; height:auto; position:relative; z-index:9; color:#141515; padding-top:0px; padding-bottom:0px; margin-top:100px; }
.uretim_ic{ font-family: 'Kumbh Sans', sans-serif; width:1300px; padding-top:0px; margin-left:auto; margin-right:auto; text-align:center; }
.uretim_ic h2{ font-weight:900; font-size:50px; text-align:left; color:#141515; border-left:10px solid #ed1651; padding:10px;}
.uretim_ic p{font-weight:400; font-size:14px; color:#141515;}
.uretim2{width:100%; background:url(../images/export.jpg) no-repeat center; height:500px; position:relative; z-index:9; color:#000; padding-top:0px; padding-bottom:0px; margin-top:0px;}
.uretim_ic2{ font-family: 'Jost', sans-serif; width:1300px; margin-left:auto; margin-right:auto;}
.uretim_ic2 h1{ font-weight:900; font-size:60px; color:#000;}
.uretim_ic2 p{font-weight:400; font-size:18px; color:#000; padding:20px; background:#d41217; margin-top:400px; float:right; text-align:center; height:120px; width:400px;}
.uretim_ic2 img{width:700px;}
.uretim3{width:100%; background:#fff; height:700px; position:relative; z-index:9; color:#000; padding-top:0px; padding-bottom:0px; margin-top:0px;}
.uretim3_ic{ font-family: 'Kumbh Sans', sans-serif; width:1300px; padding-top:50px; margin-left:auto; margin-right:auto; }
.uretim3_ic1{ width:40%; float:left; }
.uretim3_ic2{ width:60%; float:right; }
.uretim3_ic h2{ font-weight:600; font-size:36px; color:#000;}
.uretim3_ic p{font-weight:400; font-size:14px; color:#000;}
.uretim3_ic img{width:100%;}
#footer_mobil{ display:none;}
.footer{width:100%; background:#d41217; margin-top:200px; height:270px;position:absolute; font-family: 'Kumbh Sans', sans-serif; font-size:14px; font-weight:300; }
.footer_ic{width:1300px; margin-left:auto; margin-right:auto; padding-top:20px; padding-left:0px; color:#fff; }
.footer_ic1{width:220px; float:left; text-align:center; border-right:1px solid #fff; margin-top:0px;}
.footer_ic2{width:730px; float:left; padding-left:10px; margin-top:40px; }
.footer_ic4{width:350px; float:left; padding-left:10px; text-align:right; font-size:12px; font-family: 'Kumbh Sans', sans-serif; margin-top:0px;}
.footer_ic5{width:100%; height:80px; background:#373737; float:left; padding-left:10px; text-align:right; font-size:12px; font-family: 'Kumbh Sans', sans-serif; color:#fff; margin-top:0px;}
.footer_ic1 img{width:200px;}
#footermenu{ margin:0px;float:right !important; z-index:99999999 !important; position:relative;}
#footermenu a{ font-family: 'Kumbh Sans', sans-serif; font-size:12px; font-weight:600; color:#fff; padding:10px; margin:0px; }
#footermenu a:hover{ color:#818181 !important; transition: all 500ms;}
.footer_sosyal{float:left; color:#fff; margin-top:12px; font-family: 'Kumbh Sans', sans-serif; font-weight:400; font-size:22px; width:200px; }
.footer_sosyal .fa{color:#fff; padding:8px; }
.footer_sosyal .fa:hover{color:#000; transition:all 500ms;}
.footer_ic h4{font-size:20px; font-weight:700; margin-left:0px;}
.footer_ic p{margin-left:0px; }
.footer_ic a{margin-left:0px; color:#fff; }
.footer_ic_logolar{width:200px; margin-top:0px; text-align:left;}
.footer_ic_logolar img{width:200px; }
#ugr_logo{ width:75px; float:left; margin-left:260px; }
a:hover #ugr_logo{width:75px;}
.mouse{
width:100%;
height: 10px;
position:absolute;
top:1000px !important;
z-index:99;
}
.mouse img{
width:70px;
}
html{scroll-behavior: smooth;}
.scroll-down {
height: 50px;
width: 30px;
border: 2px solid #d41217;
position: absolute;
left: 50%;
border-radius: 50px;
cursor: pointer;
}
.scroll-down::before,
.scroll-down::after {
content: "";
position: absolute;
top: 20%;
left: 50%;
height: 10px;
width: 10px;
transform: translate(-50%, -100%) rotate(45deg);
border: 2px solid #d41217;
border-top: transparent;
border-left: transparent;
animation: scroll-down 1s ease-in-out infinite;
}
.scroll-down::before {
top: 30%;
animation-delay: 0.3s;
/* animation: scroll-down 1s ease-in-out infinite; */
}
@keyframes scroll-down {
0% {
/* top:20%; */
opacity: 0;
}
30% {
opacity: 1;
}
60% {
opacity: 1;
}
100% {
top: 90%;
opacity: 0;
}
}
.slider_kategoriler{width:300px; float:left; text-align:center; font-family: 'Kumbh Sans', sans-serif; border-right:1px solid #ccc; background:#f3f3f3; box-shadow:4px 3px 3px rgba(0,0,0,0.1); border-radius:10px; padding:10px; }
.kategoriler_menu{width:100%; list-style:none; font-family: 'Kumbh Sans', sans-serif; font-size:14px; margin:0px; padding:0px; text-align:left;}
.kategoriler_menu li{ width:100%; border-bottom:0.5px solid #ececec; color:#333; transition:all 500ms; font-weight:500; margin:0px; padding:0px; }
.kategoriler_menu li p{ color:#333; padding:5px; margin:0px; padding-top:15px; padding-bottom:15px;}
.kategoriler_menu li:hover{color:#fff; background:#d41217; transition:all 500ms;}
.kategoriler_menu li:hover p{color:#fff; background:#d41217; transition:all 500ms;}
.kategoriler_alt_menu{display:none; background:#d41217; }
.kategoriler_menu li:hover .kategoriler_alt_menu{display:block; position:absolute; margin-left:278px; width:300px; margin-top:-50px; z-index:9999999; list-style:none; padding:0px; }
.kategoriler_alt_menu li p{ color:none; padding:5px; margin:0px; padding-top:15px; padding-bottom:15px;}
.kategoriler_alt_menu li:hover p{color:#fff; background:none; transition:all 500ms;}
.kategoriler_alt_menu li{background:#d41217; transition:all 500ms; padding:0px; font-family: 'Kumbh Sans', sans-serif; font-size:14px; color:#fff;}
.kategoriler_alt_menu li:hover{background:#2a316e; transition:all 500ms; color:#fff; }
.kategoriler_alt_alt_menu{display:none; background:#d41217; }
.kategoriler_alt_menu li:hover .kategoriler_alt_alt_menu{display:block; position:absolute; margin-left:270px; width:300px; margin-top:-49px; z-index:9999999; list-style:none; padding:0px;}
.kategoriler_alt_alt_menu li{background:#d41217; transition:all 500ms; padding:16px; font-family: 'Jost', sans-serif; font-size:14px; color:#000;}
.kategoriler_alt_alt_menu li:hover{background:#2a316e; transition:all 500ms; color:#fff; }
.icerik{min-height:500px; font-family: 'Kumbh Sans', sans-serif; }
.orta{width:1340px; margin-left:auto; margin-right:auto; margin-top:50px; min-height:700px;
position:relative; z-index:9; padding-left:10px; padding-right:10px; font-family: 'Kumbh Sans', sans-serif; font-size:15px;
font-weight:400;
margin-bottom:30px;}
.orta_sol{width:100%; float:left; margin-top:0px; font-family: 'Kumbh Sans', sans-serif;}
.orta_sol2{width:73%; float:left; margin-top:0px; font-family: 'Kumbh Sans', sans-serif; position:relative;}
.orta_sol1{width:27%; float:left; margin-top:0px; font-family: 'Kumbh Sans', sans-serif;}
.orta_sol3{width:85%; margin-top:350px; height:100px; text-align:center; font-family: 'Kumbh Sans', sans-serif; color:#fff; background:#d41217; box-shadow:4px 3px 3px rgba(0,0,0,0.1); border-radius:10px; padding:10px; position:relative;}
.orta_sag{width:0%; float:left; padding:10px; }
.orta_sol h3{font-family: 'PT Sans', sans-serif; font-size:28px; font-weight:600; padding-bottom:10px; border-bottom:1px solid #333; margin-top:-1px;}
.etiket{font-family: 'PT Sans', sans-serif; font-size:18px; font-weight:600; padding:10px;
padding-left: 20px;
padding-right: 20px;
background-color: #0e2255;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
color: #fff;
padding-top: 10px;
}
.sol_menu_ul { min-height: 30px;
padding: 0px 5px;
margin-left:80px;
width:250px;
border-right: 1px solid #b0b0b0;
}
.sol_menu_ul a li{color:#fff; padding-top:25px; padding-bottom:25px; font-family: 'PT Sans', sans-serif; font-size:18px; font-weight:400; list-style-type:none; margin-left:0px; padding-left:10px; border-bottom:1px solid #b0b0b0;}
.sol_menu_ul a:hover li {color:#fff; background:-webkit-linear-gradient(left,#535353,#3c3c3b);background:linear-gradient(to left,#535353,#3c3c3b) transition: all 500ms; }
.sol_menu_ul i{float:right;}
.iletisim_logo_firma_adi{text-align:center; font-family: 'PT Sans', sans-serif;}
.iletisim_bilgi{float:left; width:50%;}
.iletisim_bilgi a{color:#222;}
.iletisim_table{float:left; width:50%;}
.iletisim_table2{float:right; width:40%;}
.iletisim_sosyal_icon{width:50%; text-align:center; float:left;}
.iletisim_sosyal_icon a i{width:50px; height:50px; font-size:20px; border:1px dashed #000; border-radius:100px; color:#000; padding:15px; transition: all 1000ms; margin-left:10px; margin-right:10px;}
.iletisim_sosyal_icon a:hover i{color:#ccc; transition: all 1000ms; transform:rotate(360deg); border:1px solid #ccc;}
.iletisim_sosyal_icon h4, .iletisim_table h4, .iletisim_bilgi h4{color:#333; font-weight:600; font-size:18px; font-family: 'PT Sans', sans-serif;}
.iletisim_table input, .iletisim_table textarea {width:100%; margin-top:5px; margin-bottom:5px; border:1px solid #ccc; background-color:rgba(0,0,0,0); color:#222; font-size:14px; padding:10px; margin-left:10px;}
.iletisim_table label {color:#222; font-size:14px; font-family: 'PT Sans', sans-serif;}
.iletisim_table #btn {color:#fff; background-color:#000; transition: all 500ms;}
.iletisim_table #btn:hover {color:#000; background-color:#c8c8c8; transition: all 500ms;}
#icerik{
width:1100px;
margin-left:auto;
margin-right:auto;
font-family: 'PT Sans', sans-serif;
background-image:url(../images/icerik_dis_bg.png);
background-repeat:repeat;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
padding:10px;
padding-top:0px;
margin-top:200px;
margin-bottom:20px;
}
#ic_sol{
width:950px;
float:left;
margin-top:20px;
padding:10px;
}
#ic_sag{
margin-top:-50px;
width:220px;
padding-left:10px;
padding-right:10px;
float:left;
background-image:url(../images/header_icon_bg.png);
border:#ccc 1px solid;
}
#urun_div{
width:28%;
height:280px;
float:left;
background-color:rgba(220,220,220,0.7);
box-shadow:4px 3px 3px rgba(0,0,0,0.1);
margin-left:15px;
margin-right:15px;
position:relative;
z-index:990;
font-family: 'PT Sans', sans-serif;
font-size:16px;
text-align:center;
font-weight:400;
margin-top:15px;
margin-bottom:15px;
}
#urun_div3{
width:30%;
height:auto;
float:left;
background-color:rgba(220,220,220,0.7);
box-shadow:1px 5px 5px #ccc;
margin-left:15px;
margin-right:15px;
position:relative;
z-index:990;
text-align:center;
font-weight:400;
margin-top:15px;
margin-bottom:15px;
}
#urun_div4{
width:30%;
height:auto;
float:left;
background-color:rgba(220,220,220,0.7);
box-shadow:1px 5px 5px #ccc;
margin-left:15px;
margin-right:15px;
position:relative;
z-index:990;
text-align:center;
font-weight:400;
margin-top:15px;
margin-bottom:15px;
}
#urun_div4 img{ margin-top:50px; width:100%; height:auto; z-index:9999999999999999 !important;}
a #urun_div4 { color:#000; text-align:center; background-color:#fff; font-family: 'Kumbh Sans', sans-serif; font-weight:500;
font-size:18px; padding:20px; border-radius:5px;}
a:hover #urun_div4{ background-color:#f3f3f3;color:#000;}
#urun_div3 img{ margin-top:50px; width:100%; height:auto; z-index:9999999999999999 !important;}
a #urun_div3 { color:#fff; text-align:center; background-color:#d41217; font-family: 'Kumbh Sans', sans-serif; font-weight:500;
font-size:18px; padding:20px; border-radius:5px;}
a:hover #urun_div3{ background-color:#eaeaea;color:#000;}
a #urun_div3:hover .urun_div_2{ height:100%; color:#fff;}
.urun_div_2{
width:100%;
height:0px;
color:#000;
position:absolute;
z-index:999;
font-size:16px;
text-align:center;
font-weight:400;
font-family: 'Kumbh Sans', sans-serif;
}
#urun_div_logo{
width:100% !important;
margin-left:0px; padding-top:30px;
}
#urun_div img{ margin-top:30px; width:100%; height:auto; z-index:9999999999999999 !important;}
a #urun_div { color:#000; text-align:center; background-color:#fff; font-size:12px;}
a:hover #urun_div{ height:280px; }
a #urun_div:hover .urun_div_2{ height:280px; }
#urun_detay_resim{
float:left; margin:0px; width:420px;
}
#urun_detay_resim .anaresim {
box-shadow:4px 5px 8px rgba(0,0,0,0.1);
width:450px;
}
#urun_detay_resim .ekresim {
border-bottom:1px solid #d80a4b;
margin-top:412px;
position:relative;
margin-left:10px;
margin-right:10px;
width:110px;
}
.urun_detay_resim_resim_kucuk{width:45%; height:auto; background-size:cover !important; border-radius:2px; background-repeat:no-repeat; background-position:center center; float:left; margin-top:10px; margin-right:10px; }
#urun_detay{
float:right;
margin-right:0px !important;
margin-top:0px;
text-align:left;
color:#4D4D4D;
padding:10px;
width:450px;
height:auto;
border-radius:5px;
}
.tablo2 table tbody tr input{height:32px; line-height:32px;}
.urun_detaysol{
float:left;
font-size:14px;
text-align:left;
color:#4D4D4D;
width:100%;
}
.urun_detaysol1{
float:left;
text-align:left;
color:#4D4D4D;
width:5%;
}
.urun_detaysag{
float:right;
font-size:14px;
text-align:left;
color:#4D4D4D;
width:75%;
}
#urun_detay p{
font-size:24px;
font-family:'Kumbh Sans';
font-weight:600;
}
#urun_detay h1{font-size:24px;}
#urun_aciklama{
float:right;
font-size:15px;
margin-top:10px;
padding:10px;
color:#000;
width:100%;
font-family:'Kumbh Sans';
border-radius:5px;
font-weight:400;
height:auto;
position:relative;
}
#urun_aciklama h4{
font-size:14px;
font-family:'Kumbh Sans';
text-align:center;
font-weight:400;
}
#siparis{position:relative; margin-top:50px; width:100%; height:100%; font-family:'Kumbh Sans'; }
#siparis_text{
width:100%; margin-top:5px; border-radius:10px; margin-bottom:10px; border:1px solid #ccc; background-color:rgba(0,0,0,0); color:#222; font-family:'Kumbh Sans'; font-size:14px; padding:10px; margin-left:0px; }
#siparis_btn{
margin-bottom:0px;
width:100%;
height:auto;
padding-top:10px;
padding-bottom:10px;
padding-left:15px;
background-color:#f3f3f3;
color:#d41217;
text-align:center;
font-weight:600;
font-family:'Jost';
font-size:14px;
margin-top:10px;
transition:all 300ms;}
#siparis_btn:hover{
background-color:#d41217; color:#fff; transition:all 700ms;
}
#urun_etiket{
width:100%;
padding:20px;
}
#etiket_div a{
padding:7px;
margin:5px;
color:#fff;
font-weight:600;
float:left;
}
.mobile {display:none;}
@media screen and (max-width: 980px) {
.logo_div{ background-image:none; padding-right:0; margin-top:50px; height:278px;}
#logo, .menu, .slayt_golge{display:none;}
#mobil_menu{display:block; }
.arkaresim { display:none;
}
.arkaresim2{display:none;}
.slider_kategoriler {display:none;}
.solkutu2{ float:left; width:100%; height:250px; margin-right:0px; text-align: left; background-color:#d41217;}
.solkutu2 img{ margin-top:0px; width:100%;}
.solkutu2 p{font-family: 'PT Sans', sans-serif; font-size:34px; margin-right:10px;}
.sagkutu2{float:left; width:100%; height:250px; background-color:#252525;}
.sagkutu2 img{ margin-top:0px; width:100%;}
.sagkutu2 p{font-family: 'PT Sans', sans-serif; font-size:34px; margin-left:10px; color:#d41217;}
#promopis {
background:#a7a9ac;
}
.parallax-section {
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
width: 100%;
min-height: 500px;
color: #000;
font-size:18px;
}
.parallax-section p{
color: #000 !important;
font-family:'PT Sans';
text-align:center;
font-weight:400;
z-index:999999999999 !important;
position:relative;
font-size:14px;
}
.parallax-section .yazi{
width:100%;
margin-top:10px;
text-align:center;
padding:50px;
margin-left:auto;
margin-right:auto;
position:relative;
height:100%;
color: #000 !important;
font-family: 'PT Sans', sans-serif;
}
#orta_menu{
width:100%;
margin-top:0px;
}
.orta_menu_ul{
list-style-type:none;
margin-left:auto;
margin-right:auto;
width:100%;
text-align:center;
}
.orta_menu_ul li {
float:left;
color:#3c3c3b;
margin-top:5px;
font-family: 'PT Sans', sans-serif;
font-weight:400;
width:45%;
font-size:16px;
margin-bottom:50px;
height:250px;
margin-right:10px;
text-align:center;
box-shadow:4px 5px 8px rgba(0,0,0,.18);
}
.orta_menu_ul li p{
height:60px;
}
.orta_menu_ul li:hover{
background-color:#e3e3e3;
}
.orta_menu_ul li a{padding:0px; text-align:center;}
.orta_menu_ul li a:hover{
padding-top:10px;}
.orta_menu_ul li a:hover #orta_menu_resim{
background-color:#FFF;
}
#orta_menu_resim{width:90%; height:auto; margin-top:0px;}
#resim{display:none;}
#fabrika{display:none;}
#usticerik {
width:100%; margin-left:auto; margin-right:auto;
height: 50px;
margin-top:0px;
position:relative;
z-index:9;
background:#f3f3f3;
}
.usticerik_ic{ width:100%; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; }
.usticerik_ic p{ margin-top:0px; padding-top:15px; padding-left:10px; text-align:right; position:relative; font-size:14px; font-family:'Kumbh Sans'; font-weight:400; color:#000; z-index:99999999999 !important; width:100%;
}
#usticerik1 {
width:100%; margin-left:auto; margin-right:auto;
height: 100px;
margin-top:0px;
position:relative;
z-index:9;
background:#d41217;
}
.usticerik_ic1{ width:100%; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; }
.usticerik_ic1 p{ padding-top:20px; margin-left:0px; padding-left:10px; text-align:left; position:relative; font-size:48px; font-family:'Kumbh Sans'; font-weight:400; color:#fff; z-index:99999999999 !important; width:100%;
}
#usticerik2 {
width:100%; margin-left:auto; margin-right:auto;
height: 80px;
margin-top:0px;
position:relative;
z-index:9;
background:#696969;
}
.usticerik_ic2{ width:100%; padding-left:10px; padding-right:10px; margin-left:auto; margin-right:auto; }
.usticerik_ic2 p{ padding-top:25px; margin-left:0px; padding-left:10px; text-align:left; position:relative; font-size:24px; font-family:'Kumbh Sans'; font-weight:400; color:#fff; z-index:99999999999 !important; width:100%;
}
.ust{ margin: 0px auto;
padding-top: 0px;
width:100%;
-webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4);
box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4);
height: 50px;
text-align: left;
}
.header{width:100%; height:45px; margin-left:auto; margin-right:auto;}
.grup{ float:right; margin-top:-30px; width:45px; position:relative; }
.mouse{ display:none; }
.ust2{ display:none; }
.header_ortala {
display:none;
}
.header_ortala2 {
display:none;
}
.header_ortala3 {
display:none;
}
.alisveris{
display:block;
}
.alisveris p{height:50px; background:#d41217; bottom:65px; right:10px; width:50px; border-radius:50px; position:fixed; z-index:9999999 !important; font-family: 'Kumbh Sans', sans-serif; font-weight:700; font-size:28px; padding-top:5px; color:#000; text-align:center; border:1px dashed #000;}
.alisveris p:hover{height:50px; background:#000; bottom:65px; right:10px; width:50px; border-radius:50px; position:fixed; z-index:9999999 !important; font-family: 'Kumbh Sans', sans-serif; font-weight:700; font-size:28px; padding-top:5px; color:#d41217; text-align:center; border:1px dashed #000;}
.sekil3{
display:none;
}
.sekil4{
display:none;
}
.sekil5{
display:none;
}
#altLinkler { width: 90%; margin-left:auto; margin-right:auto; height: auto; position: relative; z-index: 9; background: #fff; margin-top:0px; }
#altLinkler::after {width: 100%; height: 25px; content: ''; position: absolute; left: 0; top: 0; }
#altLinkler ul {width: 100%;height: 350px;margin: 0 auto;padding: 0;list-style: none; }
#altLinkler ul li {width: 50%;height: 350px;float: left;position: relative; padding:10px; }
#altLinkler ul li img{width: 90%;height: auto;float: left;position: absolute; margin-top:30px; margin-left:0px;}
#altLinkler ul li ::first-line{ font-weight:300; font-size:30px; line-height:100%;}
#altLinkler ul li .baslik {margin-top: 0px;text-align: center;background:#f5f5f5; height:300px; }
#altLinkler ul li .baslik h1 { font-family: 'Montserrat', sans-serif; text-align:right;
font-weight:400;
font-size: 14px;margin: 0;padding-top:235px; padding-right:10px; padding-left:0px; color:#5d5d5d !important;}
#altLinkler ul li:hover h1 {color:#fff !important; margin-top:0px; transition:all 500ms; background:#d41217; height:300px; }
#altLinkler ul li:hover { transition:all 500ms;}
#altLinkler ul li a {text-decoration: none;/* display: block; */height:300px;float: left;width: 100%; }
.tuvlogo {
display:none;
}
.header_iletisim{display:none;}
.header_iletisim2{float:left; margin-top:15px; font-weight:400; font-size:14px; color:#4D4D4D; font-family: 'Kumbh Sans', sans-serif; font-weight:500; }
.header_iletisim2 a{color:#555;}
.header_iletisim2 i{font-size:16px;}
.header_ortala4 {display:none;}
.ana_kutu{width:100%; background:#fff; height:700px; position:relative; z-index:100; color:#141515; padding-top:0px; padding-bottom:0px; margin-top:0px; z-index:999;}
.ana_kutu_ic{ font-family: 'Kumbh Sans', sans-serif; width:100%; text-align:center; padding:20px; margin-left:auto; margin-right:auto; }
.ana_kutu_ic1{ width:100%; float:left; margin-left:0%;}
.ana_kutu_ic2{ width:100%; float:right; }
.ana_kutu_ic h2{ font-weight:900; font-size:36px; color:#d41217;}
.ana_kutu_ic p{font-weight:400; font-size:14px; color:#141515;}
.ana_kutu_ic img{width:100%;}
.uretim{width:100%; height:600px; position:relative; z-index:100; color:#040044; padding-top:0px; padding-bottom:0px; margin-top:0px; z-index:999;}
.uretim_ic{ font-family: 'Kumbh Sans', sans-serif; width:100%; padding-top:100px; margin-left:auto; margin-right:auto; text-align:center; }
.uretim_ic h2{ font-weight:900; font-size:40px; color:#040044;}
.uretim_ic p{font-weight:400; font-size:14px; color:#040044;}
.uretim_ic img{width:100%;}
.uretim2{width:100%; background:url(../images/export.jpg) no-repeat center; background-size: 100%; height:500px; position:relative; z-index:9; color:#000; padding-top:0px; padding-bottom:0px; margin-top:0px;}
.uretim_ic2{ font-family: 'Kumbh Sans', sans-serif; width:100%; margin-left:auto; margin-right:auto;}
.uretim_ic2 h1{ font-weight:900; font-size:60px; color:#000;}
.uretim_ic2 p{font-weight:400; font-size:18px; color:#000; padding:20px; background:#d41217; margin-top:400px; float:right; text-align:center; height:120px; width:100%;}
.uretim_ic2 img{width:100%;}
.uretim3{width:100%; background:#fff; height:700px; position:relative; z-index:9; color:#000; padding-top:0px; padding-bottom:0px; margin-top:0px;}
.uretim3_ic{ font-family: 'Kumbh Sans', sans-serif; width:100%; padding:20px; text-align:center; margin-left:auto; margin-right:auto; }
.uretim3_ic1{ width:100%; float:left; }
.uretim3_ic2{ width:100%; float:right; }
.uretim3_ic h2{ font-weight:600; font-size:36px; color:#000;}
.uretim3_ic p{font-weight:400; font-size:14px; color:#000;}
.uretim3_ic img{width:100%;}
#iletisim_dis{width:100%; background:#eee; height:350px; text-align:center; margin-top:200px; margin-bottom:100px;}
#iletisim_dis_ic{width:100%; height:200px; margin-left:auto; margin-right:auto; text-align:center;}
#iletisim_dis_ic img{width:100%; margin-top:-120px; float:left;}
#iletisim_dis_ic p{width:100%; float:left; text-align:center; margin-top:0px; font-family: 'Kumbh Sans', sans-serif; font-size: 14px; font-weight:400;}
#iletisim_dis_ic h1{width:100%; float:left; text-align:center; margin-top:50px;font-family: 'Kumbh Sans', sans-serif; font-size: 24px; font-weight:700;}
#iletisim_dis_ic a{width:100%; float:left; text-align:center; margin-top:0px; font-family: 'Kumbh Sans', sans-serif; font-size: 14px; font-weight:400; color:#000;}
#iletisim_dis_ic a:hover{color:#d41217;}
#cizdirik{display:none;}
#cizgi_ic{width:250px; height:20px; margin-left:20px; float:left; position:absolute;}
#cizgi_ic .fa{color:#fff; font-size:18px; padding:5px; float:left;}
#cizgi_ic b{color:#3c3c3b; font-size:20px; font-family: 'Oswald', sans-serif; font-weight:400; float:left;}
#cizgi_ic p{color:#3c3c3b; font-size:14px; font-family: 'Oswald', sans-serif; font-weight:400; float:left;}
#cizgi_ic a{color:#3c3c3b; font-size:14px; font-family: 'Oswald', sans-serif; font-weight:400; float:left;}
#cizgi_ic a:hover .fa {background-image:none; color:#222;}
#cizgi_ic input{ width:200px; height:30px; float:left; font-size:12px; font-family: 'PT Sans', sans-serif; font-weight:400; margin-top:8px; color:#303030; padding:5px;
-webkit-border-radius:15px;
-moz-border-radius: 15px;
}
#dil_kutusu{float:left; margin-top:10px; position:absolute; width:50%; z-index:999999 !important;}
#dil_kutusu ul{list-style-type:none; text-align:center;}
#dil_kutusu ul li{float:left; font-family: 'PT Sans', sans-serif; font-weight:600; font-size:14px; margin-top:10px; padding-left:5px;}
#dil_kutusu ul a{color:#000; padding:7px;}
#dil_kutusu ul a:hover{color:#000; background-color:#d41217; transition:all 500ms;}
a .whatsapp_hatti{float:left; position:absolute; padding-left:10px; width:250px; padding-top:10px; border:1px solid #bebebe; margin-top:50px; margin-left:0px;}
a .whatsapp_hatti i{float:left; font-size:40px; color:#444; }
a .whatsapp_hatti p{float:left; font-size:14px; color:#555; font-weight:500; padding-left:10px;}
a .whatsapp_hatti span{float:left; font-size:16px; color:#555; font-weight:700; padding-left:10px;}
a .musteri_hizmetleri{float:left; padding-left:10px; position:absolute; padding-right:10px; padding-top:12px; border:1px solid #bebebe; margin-top:6px; margin-left:300px;}
a .musteri_hizmetleri img{float:left; height:35px; }
a .musteri_hizmetleri p{float:left; font-size:14px; color:#555; font-weight:500; padding-left:10px;}
a .musteri_hizmetleri span{float:left; font-size:16px; color:#555; font-weight:700; padding-left:10px; margin-top:-3px;}
.header_sosyal{display:none; float:right; color:#6c6c6c; margin-top:10px; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:16px; width:50%; position:relative;}
.header_sosyal .fa{color:#6c6c6c; padding:8px; border:1px solid #dcdcdc; border-radius:20px;}
.header_sosyal .fa:hover{color:#fff; background-color:#6c6c6c; transition:all 500ms;}
#h_iletisim{display:none;}
#h_iletisim2{float:left; width:180px; height:72px; padding:5px; margin-top:0px; margin-left:0px; position:absolute; border-radius:5px; z-index:-99999 !important;}
#h_iletisim2:hover{padding-top:10px; transition: all 500ms; }
#h_iletisim2 p{font-family: 'Jost', sans-serif; font-weight:400; font-size:14px; color:#d41217; margin-left:40px;}
#h_iletisim2 .fa{font-size:42px; position:absolute; color:#d41217;}
.footer{width:100%; background:#d41217; margin-top:50px; height:400px;position:absolute; font-family: 'Kumbh Sans', sans-serif; font-size:14px; font-weight:300; }
.footer_ic{width:100%; margin-left:auto; margin-right:auto; padding-top:20px; padding-left:0px; color:#fff; }
.footer_ic1{width:100%; float:left; text-align:center; border-right:1px solid #fff; height:auto; margin-top:30px;}
.footer_ic2{width:100%; float:left; text-align:center;height:auto; padding-left:10px; margin-top:30px;}
.footer_ic4{width:100%; float:left; text-align:center; height:auto; padding-left:10px; font-size:14px; margin-top:30px;}
.footer_ic1 img{width:200px; }
#footermenu{ display:none; }
.footer_sosyal{float:left; color:#fff; border-radius:25px; margin-top:12px; font-family: 'Kumbh Sans', sans-serif; font-weight:400; font-size:18px; width:100%; }
.footer_sosyal .fa{color:#fff; padding:8px; }
.footer_sosyal .fa:hover{color:#000; transition:all 500ms;}
.footer_ic h4{font-size:20px; font-weight:700; margin-left:0px;}
.footer_ic p{margin-left:0px; }
.footer_ic a{margin-left:0px; color:#fff; }
.footer_ic_logolar{width:200px; margin-top:27px; margin-left:auto; margin-right:auto;}
.footer_ic_logolar img{width:200px; text-align:center;}
#ugr_logo{ width:75px; text-align:center !important; margin-left:auto; margin-right:auto;}
a:hover #ugr_logo{width:75px;}
#slayt{width:100%; margin-left:auto; margin-top:0px; margin-right:auto;position:relative; z-index:99 !important; }
#slayt_arkaplan_renk{width: 100%; position:relative; background:#fff; z-index:99 !important; height:250px; }
/*
=====
DEPENDENCES
=====
*/
/* The component will reset button browser styles */
.r-button{
--uirButtonBackgroundColor: var(--rButtonBackgroundColor, transparent);
--uirButtonPadding: var(--rButtonPadding, var(--rButtonPaddingTop, 0) var(--rButtonPaddingRight, 0) var(--rButtonPaddingBottom, 0) var(--rButtonPaddingLeft, 0));
--uirButtonBorderWidth: var(--rButtonBorderWidth, 0);
--uirButtonBorderStyle: var(--rButtonBorderStyle, solid);
--uirButtonBorderColor: var(--rButtonBorderColor, currentColor);
--uirButtonFontFamily: var(--rButtonFontFamily, inherit);
--uirButtonFontSize: var(--rButtonFontSize, inherit);
--uirButtonColor: var(--rButtonColor);
background-color: var(--uirButtonBackgroundColor);
padding: var(--uirButtonPadding);
border-width: var(--uirButtonBorderWidth);
border-style: var(--uirButtonBorderStyle);
border-color: var(--uirButtonBorderColor);
cursor: pointer;
font-family: var(--uirButtonFontFamily);
font-size: var(--uirButtonFontSize);
}
.r-button::-moz-focus-inner,
.r-button[type="button"]::-moz-focus-inner,
.r-button[type="reset"]::-moz-focus-inner,
.r-button[type="submit"]::-moz-focus-inner {
/* Remove the inner border and padding in Firefox. */
border-style: none;
padding: 0;
}
/* The component will reset browser's styles of link */
.r-link{
--uirLinkDisplay: var(--rLinkDisplay, inline-flex);
--uirLinkTextColor: var(--rLinkTextColor);
--uirLinkTextDecoration: var(--rLinkTextDecoration, none);
display: var(--uirLinkDisplay) !important;
color: var(--uirLinkTextColor) !important;
text-decoration: var(--uirLinkTextDecoration) !important;
}
/* The component will reset browser's styles of list */
.r-list{
--uirListPaddingLeft: var(--rListPaddingLeft, 0);
--uirListMarginTop: var(--rListMarginTop, 0);
--uirListMarginBottom: var(--rListMarginBottom, 0);
--uirListListStyle: var(--rListListStyle, none);
padding-left: var(--uirListPaddingLeft) !important;
margin-top: var(--uirListMarginTop) !important;
margin-bottom: var(--uirListMarginBottom) !important;
list-style: var(--uirListListStyle) !important;
}
/* Basic styles of the hamburger component */
.m-hamburger{
--uiHamburgerDisplay: var(--hamburgerDisplay, inline-flex);
--uiHamburgerWidth: var(--hamburgerWidth, 28px);
--uiHamburgerHeight: var(--hamburgerHeight, 20px);
--uiHamburgerThickness: var(--hamburgerThickness, 4px);
--uiHamburgerBorderRadius: var(--hamburgerBorderRadius, 5px);
--uiHamburgerBgColor: var(--hamburgerBgColor, currentColor);
display: var(--uiHamburgerDisplay);
width: var(--uiHamburgerWidth);
height: var(--uiHamburgerHeight);
position: relative;
text-indent: -9999px;
}
.m-hamburger::before,
.m-hamburger::after,
.m-hamburger__label{
width: 100%;
height: var(--uiHamburgerThickness);
border-radius: var(--uiHamburgerBorderRadius);
background-color: var(--uiHamburgerBgColor);
position: absolute;
left: 0;
}
.m-hamburger::before,
.m-hamburger::after{
content:"";
}
.m-hamburger::before{
top: 0;
}
.m-hamburger::after{
bottom: 0;
}
.m-hamburger__label{
/* The calculation of middle hamburger button line position */
top: calc(50% - calc(var(--uiHamburgerThickness) / 2));
}
/*
=====
MENU STYLES
=====
*/
.mobilmenu{
--uiMenuCircleSize: var(--menuCircleSize, 100px);
--uiMenuCircleOffset: var(--menuCircleOffset, 10px);
--uiMenuCircleBgColor: var(--menuCircleBgColor, currentColor);
--hamburgerWidth: var(--menuHamburgerWidth, 28px);
--hamburgerHeight: var(--menuHamburgerHeight, 20px);
--hamburgerBgColor: var(--menuHamburgerBgColor, #fff);
box-sizing: border-box;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
position: fixed;
bottom: 0;
left: 0;
z-index: 9998;
}
.mobilmenu__nav{
box-sizing: border-box;
width: 100%;
height: 0;
transition: opacity .2s ease-out;
opacity: 0;
display: flex;
align-items: flex-end;
z-index: 2;
}
.mobilmenu__list{
width: 100%;
max-height: 100%;
display: none;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.mobilmenu__toggle{
box-sizing: border-box;
width: var(--uiMenuCircleSize);
height: calc(var(--uiMenuCircleSize) / 2);
padding: var(--uiMenuCircleOffset);
flex: none;
position: relative;
display: flex;
align-items: flex-end;
justify-content: center;
}
.mobilmenu__toggle::before{
/*
1. The font-size property is used to simplify calculations of the element's sizes and position
2. The negative value for the bottom property need for hiding half of circle.
*/
content: "";
width: 1em;
height: 1em;
font-size: var(--uiMenuCircleSize); /* 1 */
background-color: var(--uiMenuCircleBgColor);
border-radius: 50%;
position: absolute;
bottom: -.5em; /* 2 */
left: calc(50% - .5em);
will-change: width, height;
transition: transform .25s cubic-bezier(0.04, -0.1, 0.29, 0.98),
width .25s cubic-bezier(0.04, -0.1, 0.29, 0.98),
height .25s cubic-bezier(0.04, -0.1, 0.29, 0.98);
}
.mobilmenu__hamburger::before{
/* Increase of click button area */
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
/* styles of hamburger's animation */
.m-hamburger::before,
.m-hamburger::after,
.m-hamburger__label{
transition-timing-function: ease;
transition-duration: .15s;
}
.m-hamburger::before,
.m-hamburger::after{
transition-property: transform;
}
.m-hamburger__label{
transition-property: transform, opacity;
}
/*
=====
MENU STATES
=====
*/
.mobilmenu__hamburger:focus{
outline: none;
}
.mobilmenu_activated{
height: 100%;
}
.mobilmenu_activated .mobilmenu__nav{
height: 100%;
opacity: 1;
will-change: opacity;
transition-duration: .2s;
transition-delay: .3s;
}
.mobilmenu_activated .mobilmenu__toggle::before{
width: 100vmax;
height: 100vmax;
transform: translate3d(-50vh, -50vh, 0) scale(5);
transition-duration: 1s;
}
.mobilmenu_activated .mobilmenu__list{
display: block;
}
.mobilmenu_activated .mobilmenu__list li:hover{
background:#d41217;
--colorWhite: #fff;
}
.mobilmenu_activated .m-hamburger::before{
top: 50%; background:#d41217;
transform: translate3d(0, -50%, 0) rotate(45deg);
}
.mobilmenu_activated .m-hamburger::after{background:#d41217;
transform: translate3d(0, -50%, 0) rotate(135deg);
top: 50%;
}
.mobilmenu_activated .m-hamburger__label{
transform: rotate(-45deg) translate3d(-.285em,-.3em, 0);
opacity: 0;
}
/*
=====
SETTINGS
=====
*/
:root{
--colorWhite: #d41217;
--colorMain: #fff;
--rLinkTextColor: var(--colorMain);
--menuCircleSize: 100px;
--menuCircleBgColor: var(--colorMain);
--menuHamburgerWidth: 28px;
--menuHamburgerHeight: 20px;
--menuHamburgerBgColor: var(--colorWhite);
}
/*
=====
DEMO
=====
*/
.page{
max-width: 380px;
padding: 10px;
margin: auto;
text-align: center;
}
.page__name{
display: block;
font-size: 3rem;
font-weight: 700;
}
.page__hint{
display: block;
line-height: 1.45;
margin-top: 1rem;
}
.mobilmenu__group{
--rLinkTextColor: var(--colorWhite);
padding: .5rem 3rem;
font-size: 3.2rem;
font-weight: 700;
text-transform: uppercase;
font-family:'Kumbh Sans';
font-weight:900;
}
.navbar-default {
display: block;
background-color: #d41217 !important;
text-align:left;
font-family:'PT Sans', sans-serif;
font-size:18px;
font-weight:600;
}
#nav_logo {display:block; background-color: #d41217 !important;}
#nav_logo img{width:200px; padding:0px; margin-top:0px; }
.navbar-default .navbar-nav > li > a {
color: #252525;
}
.navbar-default .navbar-toggle {
color: #252525 !important;
border-color: #252525;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: #ffe500 !important;
color: #000 !important;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a {
background-color: #ffe500 !important;
color: #fff !important;
border-bottom:1px solid #fff;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
background-color: #a7a9ac !important;
color: #fff !important;
}
.navbar-nav > li:hover {
background-color: #a7a9ac !important;
color: #fff !important;
}
.index_orta{width:100%; margin-left:auto; margin-right:auto; border:none; margin-top:0px;}
.index_kutular_icerik #marque{width:100%; height:150px;}
.index_kutular{ margin-top:0px; width:100% !important; color:#000;}
.index_kutular_icerik1 a{width:50%; padding:15px; text-align:center; border:2px solid #fff; border-radius:3px; background-color:#c8c8c8; color:#000; margin-left:auto; margin-right:auto; margin-top:0px; font-family: 'PT Sans', sans-serif; font-weight:400; font-size:14px; position:absolute; z-index:9999999;}
.index_kutular_icerik1 a:hover{background-color:rgb(0,0,0); color:#FFF;}
.farkimiz{width:100%; height:auto; position:relative; z-index:100; margin-top:5px; z-index:999999999 !important; box-shadow: 3px 5px 8px #d2d2d2;}
#farkimiz_ic{width:100%; margin-left:auto; margin-right:auto;}
#duyurular{float:left; width:100%; padding-right:20px; margin-bottom:20px; font-family: 'PT Sans', sans-serif; border-bottom: 4px solid #dadada;
height:450px; margin-left:auto: margin-right:auto;
-webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4);
box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4);
z-index:9999999 !important;}
#interaktif{float:left;width:300px; background-color:#eaeaea;}
#interaktif2{float:left;width:300px; background-color:#eaeaea;}
#interaktif3{float:left;width:300px; background-color:#eaeaea;}
#iletisim{ float:left;width:300px; padding-left:20px;background-color:#eaeaea;}
.sari_kutu{ width:100%; background-color: rgba(255,255,255,0.7); height:auto;}
.sari_kutu_ic{ font-family: 'PT Sans', sans-serif; width:100%; margin-left:auto; margin-right:auto; text-align:center; padding-top:50px; margin-bottom:50px;}
.sari_kutu_ic h3{ font-weight:100; font-size:40px; color:#fff;}
.sari_kutu_ic p{font-weight:100; font-size:20px; color:#fff;}
#resim{ display:none;}
.farkimiz_kutular{float:left; width:90%; height:180px; margin:10px; transition: all 800ms; text-align:center; }
.farkimiz_kutular h2{color:#495159; font-family: 'PT Sans', sans-serif; font-size: 14px; font-weight:400; text-align:center; margin:0px; margin-top:20px; font-variant:100;}
.farkimiz_kutular i{font-size:20px; margin-top:30px; color:#495159; border:1px dashed #495159; padding:22px; border-radius:100px; width:70px; height:70px; transition: all 800ms;}
.farkimiz_kutular:hover i{font-size:20px; margin-top:30px; -webkit-transform: rotate(360deg); transition: all 800ms;}
#slayt_yan_menu{width:100%; float:left; }
#kurresim{ display:none; }
#piyasalar_tbl{ width:100%; font-family: 'PT Sans', sans-serif; font-size: 16px; color:#777; height:60px; }
#piyasalar_tbl td{border-bottom:1px solid #f0f0ef;}
.logo_div{height:154px; padding-left:10px;}
.orta{width:100%; margin-top:20px; border:none; }
.icerik{width:100%; padding:0px; border:none;}
#icerik{
width:100%;
margin-left:auto;
margin-right:auto;
font-family: 'PT Sans', sans-serif;
background-image:url(../images/icerik_dis_bg.png);
background-repeat:repeat;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
padding:10px;
padding-top:180px;
margin-bottom:20px;
}
#ic_sol{
width:950px;
float:left;
margin-top:20px;
padding:10px;
}
#ic_sag{
margin-top:-50px;
width:220px;
padding-left:10px;
padding-right:10px;
float:left;
background-image:url(../images/header_icon_bg.png);
border:#ccc 1px solid;
}
.orta_sag{display:none; border:none;}
.orta_sol{width:100%; float:none; padding:0px; margin-left:auto; margin-right:auto;}
.orta_sol3{display:none;}
.orta_sol2{width:100%; float:right; margin-top:0px; font-family: 'Jost', sans-serif;}
.orta_sol1{width:0%; float:left; margin-top:0px; font-family: 'Jost', sans-serif;}
a:hover #urun_div{ height:auto; background-color:#d41217;}
#urun_div{
width:95%;
height:auto;
}
#urun_div3{
width:95%;
height:auto;
float:left;
background-color:rgba(220,220,220,0.7);
box-shadow:1px 5px 5px #ccc;
margin-left:15px;
margin-right:15px;
position:relative;
z-index:990;
font-family: 'PT Sans', sans-serif;
font-size:16px;
text-align:center;
font-weight:400;
margin-top:15px;
margin-bottom:15px;
}
#urun_div3 img{ margin-top:50px; width:100%; height:auto; z-index:9999999999999999 !important;}
a #urun_div3 { color:#000; text-align:center; background-color:#d41217; font-size:18px; }
a:hover #urun_div3{ background-color:#000;}
a #urun_div3:hover .urun_div_2{ height:100%; transition: all 500ms;}
#urun_div4{
width:90%;
height:auto;
float:left;
background-color:rgba(220,220,220,0.7);
box-shadow:1px 5px 5px #ccc;
margin-left:15px;
margin-right:15px;
position:relative;
z-index:990;
text-align:center;
font-weight:400;
margin-top:15px;
margin-bottom:15px;
}
.urun_div_2{
width:100%;
height:0px;
color:#000;
position:absolute;
z-index:999;
font-size:18px;
text-align:center;
font-weight:400;
font-family: 'Kumbh Sans', sans-serif;
}
.urun_div_4{
width:100%;
height:0px;
color:#000;
position:absolute;
z-index:999;
font-size:18px;
text-align:center;
font-weight:400;
font-family: 'Kumbh Sans', sans-serif;
transition: all 500ms;
}
#urun_div_logo{
width:100px !important;
margin-left:50px; padding-top:30px;
}
#urun_detay_resim{
width:100%;
}
#urun_detay_resim .anaresim {
border-radius:10px;
width:100%;
}
#urun_detay_resim .ekresim {
border-radius:10px;
margin-top:10px;
width:25%;
}
#urun_detay{
float:right;
margin-right:0px !important;
margin-top:10px;
position:relative;
text-align:center;
color:#000;
width:100%;
height:auto;
}
#urun_detay p{
font-size:24px;
font-family:'Kumbh Sans';
font-weight:600;
}
#urun_div img{ margin-top:30px; width:300px; }
#urun_aciklama{
float:left;
margin-top:10px;
padding:10px;
color:#000;
width:100%;
font-family:'Kumbh Sans';
border-radius:5px;
font-weight:400;
height:auto;
position:relative;
}
#urun_aciklama h4{
font-size:14px;
font-family:'Kumbh Sans';
text-align:center;
font-weight:400;
}
.iletisim_logo_firma_adi h2{font-size:20px;}
@media screen and (max-width: 480px) {
.index_kutular i{ display:none;}
#slogan{ float:left; margin-top:12px;}
.sari_kutu{ width:100%; background-color: rgba(255,255,255,0.7); height:auto; }
.sari_kutu_ic{ font-family: 'PT Sans', sans-serif; width:100%; margin-left:auto; margin-right:auto; text-align:center; padding-top:50px; margin-bottom:50px;}
.sari_kutu_ic h3{ font-weight:100; font-size:40px; color:#fff;}
.sari_kutu_ic p{font-weight:100; font-size:20px; color:#fff;}
.arkaresim { display:none;}
.header_ortala {
margin: 0px auto;
width:100%;
height: 20px;
margin-top:20px;
background: #fff;
border-bottom: 4px solid #dadada;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4);
box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4);
}
#resim{ position:relative; margin-top:10px;}
#slayt_yan_menu{width:100%; float:left; }
#kurresim{ display:none; }
#piyasalar_tbl{ width:100%; font-family: 'PT Sans', sans-serif; font-size: 16px; color:#777; height:60px; }
#piyasalar_tbl td{border-bottom:1px solid #f0f0ef;}
.index_orta{width:300px; margin-left:auto; margin-right:auto; border:none; margin-top:200px;}
#duyurular{float:left; width:100%; padding-right:20px; margin-bottom:20px; font-family: 'PT Sans', sans-serif; border-bottom: 4px solid #dadada;
height:800px;
-webkit-box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4);
box-shadow: inset 0px -2px 2px 0px rgba(0,0,0,0.15), 0px 4px 3px 0px rgba(0,0,0,0.4);
z-index:9999999 !important;}
#interaktif{float:left;width:300px; background-color:#eaeaea;}
#interaktif2{float:left;width:300px; background-color:#eaeaea;}
#interaktif3{float:left;width:300px; background-color:#eaeaea;}
#iletisim{ float:left;width:300px; padding-left:20px;background-color:#eaeaea;}
.index_kutular_icerik1{color:#000; padding:20px; width:100%;}
#urun_detay_resim{
width:90%;
}
#urun_detay_resim .anaresim {
border-radius:10px;
width:100%;
}
#urun_detay_resim .ekresim {
border-radius:10px;
margin-top:10px;
width:100%;
}
a .whatsapp_hatti{float:left; position:absolute; padding-left:10px; width:200px; padding-top:10px; border:1px solid #bebebe; margin-top:50px; margin-left:0px; margin-right:auto; height:auto;}
a .whatsapp_hatti i{float:left; font-size:30px; color:#444; }
a .whatsapp_hatti p{float:left; font-size:10px; color:#555; font-weight:500; padding-left:10px;}
a .whatsapp_hatti span{float:left; font-size:12px; color:#555; font-weight:700; padding-left:10px;}
a .musteri_hizmetleri{float:left; position:absolute; padding-left:10px; width:200px; padding-right:10px; padding-top:12px; border:1px solid #bebebe; margin-top:55px; margin-left:0px; height:auto;}
a .musteri_hizmetleri img{float:left; height:25px; }
a .musteri_hizmetleri p{float:left; font-size:10px; color:#555; font-weight:500; padding-left:10px;}
a .musteri_hizmetleri span{float:left; font-size:12px; color:#555; font-weight:700; padding-left:10px; margin-top:-3px;}
#ust{width:100%; height:0px; padding:0px; margin:0px;}
#header{width:100%; height:25px; margin-left:auto; margin-right:auto; }
.orta_sag{width:100%; float:none; padding:0px; margin-left:auto; margin-right:auto;}
.iletisim_logo_firma_adi{text-align:center;}
.iletisim_bilgi{float:none; width:300px; margin-left:auto; margin-right:auto;}
.iletisim_table{float:none; width:300px; margin-left:auto; margin-right:auto;}
.iletisim_sosyal_icon{float:none; width:300px; margin-left:auto; margin-right:auto;}