* {
font-family: 'Poppins', sans-serif;
box-sizing : border-box;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
min-height : 100%;
font-size : 15px;
font-weight : 400;
color : #000;
top:0 !important;
overflow-x: hidden;
}
::selection {
color : #fff;
background : #FE760A;
}
::-moz-selection {
color : #fff;
background : #FE760A;
}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
#google_translate_element2 {display:none!important;}
.goog-text-highlight {background-color:rgba(0,0,0,0);}
body::-webkit-scrollbar {
width : 7px !important ;
height : 7px !important ;
}
body::-webkit-scrollbar-thumb {
background : #ddd !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-thumb:hover {
background : #bbb !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-track {
background : #fff !important ;
border : 0 !important ;
}
body.lock {
margin-left : 280px;
overflow : hidden;
}
b, strong, h1, h2, h3 {
font-weight : 500;
}
a {
text-decoration : none;
}
.gr {
padding : 25px 0 45px 0;
}
#load {
width : 100%;
height : 100%;
position : fixed;
top : 0;
left : 0;
background : url(../images/load.svg) center center no-repeat #fafafa;
background-size : 150px 150px ;
z-index : 999;
}
.center {
margin : 0 auto;
width : 100%;
max-width : 1200px;
min-width : 320px;
position : relative;
padding : 0 15px;
clear : both;
}
ul.menu {
margin : 0;
padding : 0;
list-style : none;
}
#topbar ul.menu li{
position : relative;
transition : all 0.2s linear;
line-height : 45px;
float : right;
padding-left : 15px;
font-size : 13px;
font-weight : 500;
}
ul.menu li a{
white-space:nowrap;
color : #fff;
}
ul.menu li a span{
float : right;
margin-left : 7px;
transition : all 0.2s linear;
}
ul.menu li a i{
float : left;
margin-right : 7px;
transition : all 0.2s linear;
font-size : 20px;
}
ul.menu li a i.lnr-envelope{
margin-top : -1px;
}
ul.menu li div{
display : none;
}
ul.menu li:hover div{
display : block;
z-index : 2;
}
#topbar{
width : 100%;
height : 45px;
background : #FE760A;
}
#bar{
width : 100%;
height : 45px;
line-height : 45px;
transition : all 0.3s linear;
position : absolute;
z-index : 2;
top : 90px;
}
#bar ul.menu li{
position : relative;
}
#bar ul.menu li a{
left : -220px;
width : 1000px;
position : absolute;
color : #333;
display : block;
padding : 0 75px;
transition : all 0.2s linear;
font-size : 13px;
background : url(../images/tbg.svg) left center repeat-x;
background-size :  auto 100%;
}
#bar ul.menu li a i{
color : #FE760A;
}
#bar ul.menu li:hover{
background : #FE760A;
}
#bar ul.menu li:hover a span{
color : #fff;
transform: rotate(180deg);
}
#bar ul.menu li:hover a i{
animation-name : tada;
animation-duration : 1s;
}
#bar ul.menu li:hover div{
position : absolute;
min-width : 100%;
background : #FE760A;
}
#bar ul.menu li:hover div a{
line-height : 30px;
color : #ccc;
border-top : 1px solid #555;
}
#bar ul.menu li:hover div a:last-child{
padding-bottom : 5px;
}
#bar ul.menu li:hover div a:hover{
color : #fff;
background : #555;
transition : all 0.2s linear;
}
#lang_sel_list {float:left;}
#lang_sel_list a{cursor:pointer;}
#lang_sel_list a img{float:left;margin: 10px 5px 10px 0px;height:25px}
#header{
width : 100%;
height : 90px;
background : #fff;
position : relative;
z-index : 3;
padding : 15px 0 0 0;
transition : all 0.3s linear;
}
#header a#logo{
float : left;
display : block;
width : 257px;
height : 55px;
}
#header a#logo img{
width : auto;
height : 50px;
}
#header #menu{
float : right;
display : block;
height : 45px;
line-height : 45px;
margin : 5px 0;
}

#header #menu ul.menu li{
position : relative;
}
#header #menu ul.menu {
width : 100%;
display : block;
}
#header #menu ul.menu li{
display : inline-block;
float : left;
}
#header #menu ul.menu li a{
color : #111;
display : block;
padding : 0 10px;
font-size : 15px;
transition : all 0.2s linear;
font-weight : 500;
text-transform : uppercase;
}
#header #menu ul.menu li a.teklif{
color : #fff;
background : #FE760A;
padding : 0 20px;
border-radius : 25px;
margin-left : 15px;
}
#header #menu ul.menu li a span{
margin-left : 10px;
}
#header #menu ul.menu li:hover{
}
#header #menu ul.menu li:hover a{
	color : #FE760A;
}
#header #menu ul.menu li:hover a span{
transform: rotate(180deg);
}
#header #menu ul.menu li:hover div{
position : absolute;
min-width : 100%;
background : #fff;
box-shadow : 0 0 10px 0 rgb(0 0 0 / 0.1);
top : 45px;
padding : 15px;
}
#header #menu ul.menu li:hover div a{
font-size : 15px;
line-height : 40px;
color : #555;
padding : 0 10px;
}
#header #menu ul.menu li:hover div a:last-child{
padding-bottom : 2px;
border-bottom : 0;
}
#header #menu ul.menu li:hover div a:hover{
color : #FE760A;
background : #fff;
transition : all 0.2s linear;
}
#slider{
width : 100%;
height : auto;
background : #fff;
z-index : 1;
position : relative;
}
#proje{
width : 100%;
height : 300px;
background : url(../images/katalog.jpg) center center repeat-x;
background-size : cover;
text-align : center;
position : relative;
margin-top : 20px;
}
.outer {
display : table;
position : absolute;
height : 100%;
top : 0;
width : 100%;
}
.middle {
display : table-cell;
vertical-align : middle;
}
#proje b{
display : block;
font-size : 30px;
color: #fff;
}
#proje p{
display : block;
font-size : 20px;
padding : 15px 0px;
color: #fff;
font-weight : 500;
}
#proje img{
width : 210px;
height : auto;
margin : 0 auto;
  -webkit-filter: drop-shadow(1px 1px 0 white)
                  drop-shadow(-1px -1px 0 white);
  filter: drop-shadow(1px 1px 0 white) 
          drop-shadow(-1px -1px 0 white);
}
.slide {
position : relative;
}
.slide.alts {
margin-top : 25px;
box-shadow : 0 0 10px 0 rgb(0, 0, 0, 0.25);
}
.owl-carousel .owl-stage-outer {
width : 100%;
height : 100%;
position : relative;
}
.item {
width : 100%;
height : 100%;
display : block;
position : relative;
background-size : auto 100%;
background-position : center center;
background-repeat : no-repeat;
text-decoration : none;
overflow : hidden;
}
.item-left,.item-right {
float : left;
display : table;
height : 100%;
width : 50%;
padding : 15px;
overflow : hidden;
}
.item-right {
position : relative;
top : 0;
left : 0;
width : 100%;
height : 100%;
padding : 0;
}
.item-left {
position : absolute;
top : 180px;
left : 15px;
width : 400px;
padding : 0;
z-index : 1;
}
.item-inner {
height : 100%;
display: table-cell;
vertical-align: middle;
}
.item-inner h2 {
width : 60%;
margin : 0;
padding : 0;
font-size : 50px;
line-height : 50px;
font-weight : 600;
color : #fff;
}
.item-inner h2.white {
color : #fff;
}
.item-inner p {
width : 90%;
margin : 0;
margin-top : 20px;
padding : 10px 0 30px 0;
line-height : 25px;
font-size : 16px;
color : #fff;
}
.item-inner p.opacity50 {
opacity : 0.8;
color : #fff;
}
.owl-item.active .item-inner h2{
animation:bounceInDown 0.9s;
}
.owl-item.active .item-inner p{
animation:bounceInUp 1s;
}
.item-inner a {
display : inline-block;
margin : 0;
padding : 0 10px;
line-height : 35px;
font-size : 15px;
border : 1px solid #aaa;
color : #888;
}
.item-inner a.color {
border : 1px solid #FE760A;
background : #FE760A;
color : #fff;
}
.item-inner a:hover{
animation-name : heartBeat;
animation-duration : 1s;
}
.item-inner img{
margin : 0 auto;
width : 100%;
height : auto;
}
.owl-carousel .owl-nav {
transition : all 0.2s linear;
}
.owl-carousel .owl-nav [class*="owl-"] {
display : inline-block;
cursor : pointer;
}
.owl-carousel .owl-nav .disabled {
opacity : 0.5;
cursor : default;
}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
width : 50px;
height : 50px;
line-height : 40px;
position : absolute;
top : calc(50% - 25px);
outline : 0;
transition : all 0.2s linear;
font-size : 30px;
color : #fff;
background : rgba(0,0,0,0.3)
}
.owl-carousel .owl-nav button.owl-prev {
left : 20px;
}
.owl-carousel .owl-nav button.owl-next {
right : 20px;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
color : #fff;
background : rgba(0,0,0,0.5)
}
.owl-carousel .owl-dots {
width : 100%;
position : absolute;
bottom : 35px;
text-align : center;
}
.owl-carousel .owl-dots .owl-dot {
display : inline-block;
outline : 0;
}
.owl-carousel .owl-dots .owl-dot span {
width : 20px;
height : 20px;
border-radius : 20px;
margin : 3px;
background : #FE760A;
display : block;
}
.owl-carousel .owl-dots .owl-dot.active span {
background : #fff;
}
#page{
width : 100%;
min-height : 400px;
}
#page a{
color : #FE760A;
}
#page iframe {
top : 85px;
right : 10px;
width : calc(40% - 20px);
position : absolute;
border : #ddd solid 1px;
border-radius : 5px;
overflow : hidden;
}
#yer{
width : 100%;
height : 150px;
background : url(../images/katalog.jpg) top center repeat-x;
background-size : cover;
text-align : left;
position : relative;
color : #fff;
}
#yer b{
display : inline-block;
font-size : 25px;
color: #fff;
font-weight : 500;
}
#yer a{
display : inline-block;
color : #fff;
font-size : 13px;
}
#yer a:hover{
text-decoration : underline;
}
#yer a span{
display : inline-block;
color : #fff;
font-size : 10px;
}
#baslik{
width : 100%;
border-bottom : 1px solid #ddd;
padding : 15px 0;
}
#baslik h1 {
margin : 0;
padding : 0;
font-size : 20px;
font-weight : 400;
color : #FE760A;
display : inline-block;
float : left;
line-height : 30px;
}
#baslik .kur{
font-weight : 400;
color : #888;
display : inline-block;
float : right;
padding-right : 10px;
margin-left : 15px;
line-height : 30px;
overflow : hidden;
border : 1px solid #ddd;
}
#baslik .kur:hover{
box-shadow : 0 0 30px 0 rgb(0 0 0 / 0.08);
}
#baslik .kur b{
font-size : 18px;
float : left;
margin-right : 10px;
display : inline-block;
width : 30px;
height : 30px;
background : #bbb;
color : #fff;
text-align : center;
font-weight : 400;
}
#baslik .kur:hover b{
background : #FE760A;
}
#page p {
margin : 0;
padding : 15px 0;
line-height : 25px;
}
#page .page_left {
float : left;
width : 55%;
padding : 55px 35px 25px 0;
}
#page .page_left strong{
font-weight: 600;
display : block;
font-size: 17px;
color : #FE760A;
}
#page .page_left p.slg{
display : block;
font-size: 40px;
line-height : 50px;
font-weight: 300;
color : #111;
padding : 15px 35px 35px 0;
}
#page .page_left p.slg span{
font-weight: 500;
}
#page .page_left b{
font-weight: 400;
display : block;
font-size: 17px;
line-height : 25px;
}
#page .page_left b span{
float : left;
display : inline-block;
width : 25px;
height : 25px;
line-height : 25px;
border-radius : 15px;
background : #FE760A;
color : #fff;
font-size: 15px;
text-align : center;
margin-right : 10px;
}
#page .page_left p{
color : #666;
padding : 20px 0 35px 0;
font-size: 15px;
}
#page .page_right{
float : left;
width : 45%;
padding : 55px 0 25px 35px;
position : relative;
}
#page .page_right a#video{
display : block;
position : absolute;
width : 120px;
height : 120px;
border-radius : 60px;
background : #fff;
top : 160px;
left : 160px;
box-shadow : 0 0 15px 0 rgb(0 0 0 / 0.1);
cursor : pointer;
transition : all 0.2s linear;
}
#page .page_right:hover a#video{
transform: scale(1.1);
}
#page .page_right a#video span{
display : block;
width : 120px;
height : 120px;
line-height : 120px;
font-size : 60px;
text-align : center;
color : #FE760A;
}
#page .page_right img{
width : 100%;
}
.page_baslik {
width : 100%;
padding : 25px 0 25px 0;
text-align : left;
background : url(../images/bgg.svg) center center no-repeat;
}
.page_baslik strong{
font-weight: 600;
display : block;
font-size: 17px;
color : #fff;
}
.page_baslik p.slg{
display : block;
font-size: 40px;
line-height : 50px;
font-weight: 300;
color : #FE760A;
padding : 10px 135px;
margin : 0;
}
.page_baslik p.slg span{
font-weight: 500;
}
.page_baslik b{
font-weight: 400;
display : block;
font-size: 17px;
line-height : 25px;
}
.page_baslik p{
color : #666;
padding : 0px 135px;
font-size: 17px;
}
.box{
float : left;
width : 33.33%;
padding : 7.5px;
}
.box.urun .box_in {
background : #eee;
min-height : 100%;
padding : 0;
transition : all 0.2s linear;
border-radius : 3px;
overflow : hidden;
}
.box.urun .box_in.rsmli a{
transition : all 0.5s linear;
background-position : center center;
background-size : cover;
}
.prj {
margin : 0 auto;
width : 100%;
max-width : 1200px;
position : relative;
padding : 25px 7.5px;
clear : both;
}
.prj .box.urun {
transition: all 0.2s linear;
width: 50%;
height: 430px;
}
.prj .box.urun .box_in a.resimbox {
width : 100%;
height : 415px;
display : block;
text-align : center;
overflow : hidden;
}
.box.urun .box_in .resimbox img {
display: none;
}
.box.urun .box_in .resimbox img.ok {
display: block;
}
.prj .box.urun .box_in a.resimbox span {
position : relative;
float : none;
margin-right : 0;
margin-top : 0;
}
.prj .box.urun .box_in a.resimbox span.lnr {
width : 100%;
display : block;
font-size : 40px;
height : 60px;
line-height : 60px;
text-align : center;
color : #fff;
margin-top : 20px;
}
.prj .box.urun .box_in a.resimbox span.b {
width : 100%;
height : calc(100% - 10px);
display : block;
border-bottom : 0;
z-index : 1;
transition : all 0.2s linear;
}
.prj .box.urun .box_in a.resimbox span.b b {
position : absolute;
display : inline-block;
left : 0;
bottom : 20px;
height : 40px;
line-height : 40px;
color : #fff;
text-align : center;
z-index : 0;
padding : 0 30px;
font-weight : 400;
font-size : 16px;
margin-bottom : 10px;
background : #FE760A;
}
.prj .box.urun .box_in a.resimbox span.b img{
width : 40px;
height : 40px;
top : 0px;
right : -40px;
position : absolute;
}
.box_in{
width : 100%;
height : 100%;
border : 1px solid #ddd;
padding : 10px;
background : #fff;
transition : all 0.2s linear;
display : block;
}
.box_in.rsmli{
border : 0 !Important;
}
.box.maillist,
.box.sosyals{
width : 50%;
padding: 7.5px 0 ;
}
.box.maillist .box_in,
.box.sosyals .box_in{
width : 100%;
height : 100%;
padding : 50px 40px 50px 0px;
border : 0;
display : block;
}
.box.maillist .box_in p,
.box.sosyals .box_in p{
text-align : left;
margin:0;
padding:0;
font-size : 15px;
padding : 15px 0 35px 0;
}
.box.maillist .box_in b,
.box.sosyals .box_in b{
color : #FE760A;
font-size : 18px;
}
.box.maillist .box_in form{
position : relative;
width : 100%;
margin-top : 23px;
}
.box.maillist .box_in input.key,
.box.maillist .box_in input.ara{
width : 100%;
border : 1px solid #ddd;
border-radius : 20px;
line-height : 40px;
padding: 0 10px;
outline : 0;
color : #111;
}
.box.maillist .box_in input.ara{
width : 100px;
background : #FE760A;
color : #fff;
position : Absolute;
top : 0;
border : 0;
right : 0;
}
.box_in .icon{
width : 100%;
height : 100px;
line-height : 100px;
font-size : 50px;
color : #666;
text-align : center;
transition : all 0.2s linear;
}
.box_in:hover .icon{
animation-name : heartBeat;
animation-duration : 1s;
}
.box_in h2{
width : 100%;
font-weight : 400;
color : #FE760A;
text-align : center;
font-size : 17px;
}
.box_in p{
text-align : center;
color : #333;
}
.box_in:hover .icon{
color : #FE760A;
}
.galeribox {
float:left;
width : 33.33%;
display : block;
position : relative;
overflow : hidden;
padding : 7.5px;
}
.galeribox a.resim {
width : 100%;
height : auto;
display : block;
background : #fff;
overflow : hidden;
border : 8px solid #eee;
transition : all 0.2s linear;
}
.galeribox a.resim img{
width : 100%;
float : left;
}
.galeribox b {
width : 100%;
height : 45px;
line-height : 36px;
display : block;
background : #eee;
overflow : hidden;
color :  #555;
transition : all 0.2s linear;
text-align : center;
font-weight : 600;
font-size : 15px
}
.galeribox:hover a.resim {
border : 8px solid #FE760A;
}
.galeribox:hover b {
background : #FE760A;
color :  #fff;
}
#contact{
width : 100%;
padding : 15px 0;
margin-top : 10px ;
background : #f1f1f1;
font-size : 15px;
}
.contact{
float : left;
width : 50%;
padding : 7.5px;
}
a.contact_in{
display : block;
width : 100%;
height : 100%;
transition : all 0.2s linear;
}
.contact_in .icon{
float : left;
height : 60px;
line-height : 60px;
font-size : 50px;
color : #aaa;
text-align : center;
transition : all 0.2s linear;
padding-right : 10px;
border-right : 1px solid #ddd;
}
.contact_in .icon span{
display : block;
}
.contact_in .icon .lnr-envelope{
float : left;
height : 60px;
line-height : 48px;
font-size : 60px;
}
.contact_in:hover .icon span{
animation-name : tada;
animation-duration : 1s;
color : #FE760A;
}
.contact_in b{
float : left;
display : block;
width : calc(100% - 100px);
font-weight : 400;
color : #333;
font-size : 22px;
line-height : 30px;
padding-left : 10px;
}
.contact_in p{
float : left;
width : calc(100% - 100px);
margin : 0;
padding : 0;
color : #888;
line-height : 30px;
padding-left : 10px;
}

#footertop {
width : 100%;
height : 70px;
background-image: linear-gradient(to right, rgba(0,0,0,0.5) , rgba(0,0,0,0));
position : relative;
overflow : hidden;
margin-bottom : 50px;
}
#footertop a#altlogo {
float : left;
display : inline-block;
height : 70px;
padding-right : 50px;
text-decoration : none;
position : relative;
overflow : hidden;
}
#footertop a#altlogo img.logo {
width : auto;
height : 20px;
margin-top : 25px;
opacity : 0.7;
}
#footertop a#altlogo:hover img.logo {
opacity : 1;
}
#footertop a.iconx {
float : left;
display : inline-block;
line-height : 70px;
color : #ddd;
text-decoration : none;
font-size : 14px;
}
#footertop a.iconx.ad {
float : left;
}
#footertop a.iconx b {
float : left;
color : #ddd;
}
#footertop a.iconx i {
float : left;
display : inline-block;
font-size : 20px;
color : #FE760A;
margin : 0 10px;
}
#footer {
width : 100%;
background : #444;
margin-top : 25px;
height : auto;
}
.footer.center {
padding : 0 20px;
}
#footertop .center {
padding : 0 20px;
}
.sosyal {
float : left;
width : 100%;
height : 40px;
max-width : 240px;
text-align : center;
}
.sosyal a {
float : left;
width : 40px;
height : 40px;
display : block;
border-radius : 20px;
text-decoration : none;
margin-right : 10px;
background : #FE760A;
}
.sosyal a:hover {
background : #FE760A;
}
.sosyal a img {
margin : 0 auto;
width : 20px;
height : 20px;
display : block;
color : #f0f2f5;
margin-top : 10px;
}
#footer .footer .alan {
float : left;
width : 20%;
padding-right : 20px;
}
#footer .footer .alan input.mail {
border : #ddd solid 1px;
border-right : 0;
height : 40px;
line-height : 40px;
padding : 0 10px;
background : #fefefe;
float : right;
outline : 0;
}
#footer .footer .alan span {
float : right;
margin : 0;
height : 40px;
line-height : 40px;
width : 40px;
text-align : center;
background : #e2c97f;
}
#footer .footer .alan span:hover {
background : #d3bb72;
}
#footer .footer .alan.kurumsal {
width : 30%;
}
#footer .footer .alan.bulten {
width : 30%;
text-align : right;
padding-right : 0;
}
#footer .footer .alan b {
display : block;
font-size : 16px;
color : #FE760A;
padding : 3px 0;
margin-bottom : 20px;
}
#footer .footer .alan a {
display : block;
padding : 0;
text-decoration : none;
color : #bbb;
line-height : 25px;
cursor : pointer;
}
#footer .footer .alan a:hover {
color : #fff;
}
#footer .footer .alan p {
margin : 0;
padding : 0;
text-decoration : none;
color : #bbb;
line-height : 25px;
}
#up {
position : fixed;
background : #FE760A;
width : 40px;
height : 40px;
line-height : 30px;
padding : 7px;
cursor : pointer;
opacity : 0;
z-index : 2;
transition : all 0.2s linear;
bottom : 40px;
right : 20px;
text-align : center;
border-radius : 5px;
}
#up i {
color : #fff;
font-size : 20px;
}
#up.goster {
opacity : 1;
}
.copyright {
width : 100%;
padding : 20px 0;
margin-top : 40px;
text-align : left;
color: #fff;
}
.copyright .center {
padding : 0 20px;
}
a.filnet {
float : right;
display : block;
width : 40px;
height : 35px;
background : url(../images/kr.png) top left no-repeat;
background-size : auto 35px;
transition : all 0.2s linear;
margin-top : -5px;
}
.p-0 {
padding : 7.5px;
}
.clear {
clear : both;
}
.left {
float : left;
}
.right {
float : right;
}
a.open,.none{
display : none;
}
img.krmr{
float:right; margin-bottom:10px; margin-left:10px	
}

.icons {
width : calc(100% + 20px);
height : auto;
padding : 40px 0px 10px 0px;
margin-left : -10px;
}
.iconbanner {
float : left;
width : 25%;
height : auto;
position :relative;
display : block;
text-decoration : none;
padding : 10px;
}
.iconbanner .icon_in{
width : 100%;
height : auto;
text-align : center;
border : 1px solid #ddd;
padding : 30px 10px;
}
.iconbanner i{
width : 50px;
height : 50px;
line-height : 50px;
text-align : center;
font-size : 50px;
display : block;
color: #FE760A;
border-radius : 100%;
margin : 0 auto;
}
.iconbanner b{
display : inline-block;
font-size : 16px;
margin : 15px 0;
}
.iconbanner p{
display : block;
margin : 0;
padding : 0;
text-transform: none;
height : auto;
min-height : 80px;
}
@media screen and (max-width:1080px) {
	
#header #menu{
}
.item-left {
top : 100px;
}
.owl-carousel .owl-nav {
display : none;
}
.item-inner h2 {
width : 70%;
font-size : 40px;
}
#page .page_left {
float : none;
width : 100%;
padding : 25px 0 25px 0;
}
#page .page_right{
float : none;
width : 100%;
max-width : 490px;
padding : 35px 0 25px 0;
margin : 0 auto;
position : relative;
}
}
@media screen and (max-width:980px) {
.iconbanner {
width : 50%;
}
.iconbanner p{
min-height : 60px;
}
#header #menu ul.menu li:hover a{
color : #fff;
}
#header {
width: 100%;
height : 75px;
}
#lang_sel_list{
margin-right : 10px;
}
#lang_sel_list a img {
margin: 7.5px 4px 10px 0px;
height: 25px;
}
#header #menu{
display : none;
}
#header #menu{
}
#bar {
top: 75px;
}
a.open{
float : right;
display : block;
width : 45px;
height : 40px;
line-height : 40px;
margin : 0 0;
font-size : 40px;
color : #333;
}
#header #menu.ac{
display : block;
position : absolute;
width : 100%;
background : #FE760A;
height: 65px;
padding : 10px;
left : 0;
margin-top : 55px;
}
#header #menu ul.menu li a{
color : #fff;
}
#proje{
background : url(../images/katalog.jpg) center center repeat-x;
background-size : cover;
}
#proje b{
display : block;
font-size : 20px;
color: #fff;
}
#proje p{
font-size : 14px;
padding : 15px 10px;
}
.prj .box.urun {
    transition: all 0.2s linear;
    width: 33.33%;
    height: 430px;
}
#yer b {
display: inline-block;
font-size: 20px;
    color: #fff;
    font-weight: 500;
    margin-top: 10px;
}
.galeribox {
width : 33.33%;
}
}
@media screen and (max-width:780px) {
	
#header a#logo img{
width : auto;
height : 60px;
margin-top : -7.5px;
}
.box.maillist,
.box.sosyals{
width : 100%;
}
img.krmr{
float:none; margin-bottom:10px;margin-top:10px; margin-left:0px;
width : 100%;
}
.page_baslik p.slg,
#page .page_left p.slg {
font-size: 30px;
line-height: 35px;
padding: 15px 0 35px 0;
}
.prj .box.urun {
    transition: all 0.2s linear;
    width: 50%;
    height: 430px;
}
.page_baslik p {
padding: 0px 15px;
font-size: 15px;
}
.owl-carousel .owl-dots {
display : none;
}
.item-left {
top : 50px;
}
.item-inner p {
    margin-top: 0px;
}
.item-inner img{
width : 130%;
margin-left : -20%;
}
.alts .item-inner img {
    width: 100%;
    margin-left: 0;
}
.item-inner h2 {
width : 90%;
font-size : 30px;
}
#header #menu .menu{
width : 100%;
}
#header #menu.ac{
display : block;
position : absolute;
width : 100%;
height: auto;
padding : 10px;
left : 0;
margin-top : 60px;
}
#header #menu ul.menu li{
width : 100%;
}
#header #menu ul.menu li a{
color : #fff;
text-align : left;
}
#header #menu ul.menu li:hover div{
position : relative;
top : 0px;
}
#header #menu ul.menu li a.teklif{
background : none;
color : #FE760A;
margin-left : 0px;
padding : 0 10px;
border-radius : 0;
}
#header #menu ul.menu li a.grp{
pointer-events : none;
}
.box{
width : 50%;
}
.box.map{
width : 100%;
}
#page iframe {
top : 0;
right : 0;
width : calc(100%);
position : relative;
border : #ddd solid 1px;
border-radius : 5px;
overflow : hidden;
}
#footer {
padding-top : 0;
}
#footer .footer .alan {
width : 100%;
margin-top : 25px;
padding : 0 15px;
}
#footertop a.iconx.ad,#footertop a.iconx b {
    display : none;
}
#footer .footer .alan, #footer .footer .alan.kurumsal, #footer .footer .alan.bulten {
width : 100%;
padding-bottom : 15px;
margin-bottom : 15px;
}
#footer .footer .alan.bulten {
text-align : left;
border-bottom : 0;
}
#footer .footer .alan.bulten {
border-top : 1px solid rgba(255,255,255,0.2);
margin-top : -10px;
padding-top : 20px;
}
#footer .footer .alan.kurumsal{
border-bottom : 1px solid rgba(255,255,255,0.2);
}
.sosyal {
float : left;
width : auto;
}.footer.center {
    padding: 0 0px;
}

.galeribox {
width : 50%;
}
}
@media screen and (max-width:480px) {
	
.iconbanner {
width : 100%;
}
.iconbanner p{
min-height : 60px;
}
.prj .box.urun {
    transition: all 0.2s linear;
    width: 100%;
    height: 430px;
}

ul.menu li.ema{
display : none;
}	
#page .page_right a#video{
top : 80px;
left : 80px;
}
.item-inner img{
width : 150%;
margin-left : -40%;
}
.item-inner h2 {
line-height : 40px;
font-size : 25px;
padding-right : 50px;
}
.item-inner p {
width : 90%;
}
.item-left {
width : 100%;
}
.galeribox {
width : 100%;
}
#baslik h1 {
display : block;
width : 100%;
}
#footer .footer .alan {
width : 50%;
}
#footer .footer .alan.son {
display : none;
}
.box{
width : 100%;
}
}