* {
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 : #444;
top:0 !important;
}
::selection {
color : #fff;
background : #00B4FF;
}
::-moz-selection {
color : #fff;
background : #00B4FF;
}
#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;
}
#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;
}
ul.menu li{
float : left;
position : relative;
transition : all 0.2s linear;
}
ul.menu li a{
white-space:nowrap;
}
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 div{
display : none;
}
ul.menu li:hover div{
display : block;
z-index : 2;
}
#bar{
width : 100%;
height : 45px;
line-height : 45px;
background : #151c50;
transition : all 0.3s linear;
position : relative;
z-index : 3;
top : 0;
}
#bar.top{
top : 0;
}
#bar .title{
float : left;
font-weight : 300;
}
#bar .title span{
float : left;
color : #fff;
font-size : 12.5px;
}
#bar .title i{
float : left;
color : #00B4FF;
font-size : 20px;
margin-right: 7px;
display : inline-block;
}
#bar ul.menu li a{
color : #fff;
display : block;
padding : 0 7.5px;
transition : all 0.2s linear;
font-size : 13px;
}
#bar ul.menu li a i{
color : #00B4FF;
}
#bar ul.menu li:hover{
background : #151c50;
}
#bar ul.menu li:hover a{
color : #fff;
}
#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 : #151c50;
}
#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{margin: 10px 5px 10px 0px;height:25px}
#header{
width : 100%;
height : 90px;
background : #fff;
position : sticky;
z-index : 2;
top : 0;
transition : all 0.3s linear;
box-shadow : 0 0 20px 0 rgb(0 0 0 / 0.1);
}
#header.top{
top : 0;
}
#header a#logo{
float : left;
display : block;
width : 135px;
height : 90px;
padding : 15px 0;
}
#header a#logo img{
width : auto;
height : 60px;
margin-left : -5px;
}
#header #menu{
float : left;
display : block;
width : calc(100% - 135px);
height : 90px;
}
#header #menu ul.menu li{
}
#header #menu ul.menu li a{
color : #151c50;
display : block;
padding : 0 10px;
font-size : 16px;
transition : all 0.2s linear;
font-weight : 500;
line-height : 90px;
}
#header #menu ul.menu li a.teklif{
color : #fff;
background : #00B4FF;
padding : 0 20px;
border-radius : 25px;
margin-left : 15px;
margin-top : 25px;
line-height : 40px;
}
#header #menu ul.menu li a span{
margin-left : 10px;
}
#header #menu ul.menu li:hover{
}
#header #menu ul.menu li:hover a{
}
#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 : 90px;
padding : 15px;
}
#header #menu ul.menu li:hover div a{
font-size : 15px;
line-height : 40px;
color : #151c50;
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 : #00B4FF;
background : #fff;
transition : all 0.2s linear;
}
#slider{
width : 100%;
height : auto;
background : #fff;
z-index : 1;
position : relative;
}
#proje{
width : 100%;
height : 400px;
background : url(../images/proje.jpg) center center repeat-x;
background-size : 100% auto;
text-align : center;
position : relative;
}
.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 : 17px;
padding : 15px 200px;
color: #d7dcff;
}
#proje a{
display : inline-block;
font-size : 15px;
color: #fff;
background: #00B4FF;
line-height : 50px;
padding : 0 25px;
border-radius : 25px;
font-weight : 500;
}
#proje a i{
display : inline-block;
font-size : 20px;
margin-right : 10px;
float : left;
}
#proje a span{
display : inline-block;
float : left;
}
.slide {
position : relative;
}
.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 : 150px;
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 : #151c50;
}
.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 : #151c50;
}
.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 #00B4FF;
background : #00B4FF;
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 : 100px;
height : 60px;
line-height : 60px;
position : absolute;
top : calc(50% - 30px);
outline : 0;
transition : all 0.2s linear;
font-size : 60px;
color : #151c50;
opacity : 0.4;
}
.owl-carousel .owl-nav button.owl-prev {
left : 0px;
}
.owl-carousel .owl-nav button.owl-next {
right : 0px;
}
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
color : #151c50;
opacity : 0.9;
}
.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 : #151c50;
display : block;
}
.owl-carousel .owl-dots .owl-dot.active span {
background : #fff;
}
#page{
width : 100%;
min-height : 450px;
}
#page a{
color : #00B4FF;
}
#page iframe {
top : 35px;
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/yer.jpg) center center repeat-x #151c50;
background-size : cover;
text-align : left;
position : relative;
color : #fff;
}
#yer b{
display : inline-block;
font-size : 25px;
color: #fff;
font-weight : 500;
margin-top : 30px;
}
#yer a{
display : inline-block;
color : #151C50;
font-size : 13px;
}
#yer a:hover{
text-decoration : underline;
}
#yer a span{
display : inline-block;
color : #151C50;
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 : #151C50;
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 : #00B4FF;
}
#page p {
margin : 0;
padding : 25px 0 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 : #00B4FF;
}
#page .page_left p.slg{
display : block;
font-size: 40px;
line-height : 50px;
font-weight: 300;
color : #151C50;
padding : 15px 35px 35px 0;
}
#page .page_left p.slg strong.first{
display : block;
font-size: 30px;
color : #151c50;
font-weight : 400;
}
#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 : #00B4FF;
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 : #00B4FF;
}
#page .page_right img{
width : 100%;
}
.page_baslik {
width : 100%;
padding : 55px 0 25px 0;
text-align : center;
}
.page_baslik strong{
font-weight: 600;
display : block;
font-size: 17px;
color : #00B4FF;
}
.page_baslik p.slg{
display : block;
font-size: 35px;
line-height : 50px;
font-weight: 300;
color : #151C50;
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 : #444;
padding : 0px 135px;
font-size: 17px;
}
.box{
float : left;
width : 33.33%;
padding : 7.5px;
}
.box.urun .box_in {
background : #eee;
position : relative;
min-height : 100%;
padding : 0;
box-shadow : 0 0 5px 0 rgb(0, 0, 0, 0.05);
transition : all 0.2s linear;
border-radius : 3px;
overflow : hidden;
}
.box.urun .box_in.rsmli {
transition : all 2s linear;
background-position : center center;
background-size : auto 100%;
}
.box.urun .box_in.rsmli:hover {
background-position : center center;
background-size : auto 115%;
}
.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: 25%;
height: 430px;
}
.prj .box.urun .box_in a.resimbox {
width : 100%;
height : 415px;
display : block;
text-align : center;
overflow : hidden;
padding : 20px;
background : linear-gradient(to bottom, rgb(0, 0, 0, 0.1) 30%, rgb(0, 0, 0, 0.2) 60%, rgb(0, 0, 0, 0.7) 100%);
}
.box.urun .box_in .resimbox img {
display: none;
}
.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 : #fff solid 1px;
border-bottom : 0;
z-index : 1;
transition : all 0.2s linear;
}
.prj .box.urun .box_in:hover a.resimbox span.b {
width : 100%;
height : calc(100% - 80px);
display : block;
border : #fff solid 1px;
border-bottom : 0;
z-index : 1;
}
.prj .box.urun .box_in a.resimbox span.b span.lb {
position : absolute;
display : block;
left : 0;
bottom : 0;
width : 30px;
height : 1px;
background : #fff;
z-index : 1;
}
.prj .box.urun .box_in a.resimbox span.b span.rb {
position : absolute;
display : block;
right : 0;
bottom : 0;
width : 30px;
height : 1px;
background : #fff;
z-index : 1;
}
.prj .box.urun .box_in a.resimbox span.b b {
position : absolute;
display : block;
left : 0;
bottom : -30px;
width : 100%;
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;
}
.prj .box.urun .box_in a.resimbox span.b b.uzn {
bottom : -20px;
line-height : 20px;
padding : 0 35px;
}
.galeribox {
float:left;
width : 25%;
display : block;
position : relative;
overflow : hidden;
padding : 7.5px;
}
.box_in{
width : 100%;
height : 100%;
border : 1px solid #ddd;
padding : 10px;
background : #fff;
transition : all 0.2s linear;
display : block;
}
.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 : #00B4FF;
text-align : center;
font-size : 17px;
}
.box_in p{
text-align : center;
color : #333;
}
.box_in:hover{
box-shadow : 0 0 30px 0 rgb(0 0 0 / 0.08);
}
.box_in:hover .icon{
color : #00B4FF;
}
.galeribox {
float:left;
width : 25%;
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%;
}
.galeribox b {
width : 100%;
height : 45px;
line-height : 36px;
display : block;
background : #eee;
overflow : hidden;
color :  #151C50;
transition : all 0.2s linear;
text-align : center;
font-weight : 600;
font-size : 15px
}
.galeribox:hover a.resim {
border : 8px solid #00B4FF;
}
.galeribox:hover b {
background : #00B4FF;
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 : #00B4FF;
}
.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 : #121848;
position : relative;
margin-top : 25px;
overflow : hidden;
}
#footertop a#altlogo {
float : left;
display : inline-block;
height : 70px;
padding-right : 50px;
text-decoration : none;
position : relative;
overflow : hidden;
line-height : 70px;
color : #fff;
}
#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 : right;
display : inline-block;
line-height : 70px;
color : #fff;
text-decoration : none;
font-size : 14px;
}
#footertop a.iconx.ad {
float : left;
}
#footertop a.iconx b {
float : left;
color : #d7dcff;
}
#footertop a.iconx i {
float : left;
display : inline-block;
font-size : 20px;
color : #00B4FF;
margin : 0 10px;
}
#footer {
width : 100%;
padding : 50px 0 0 0;
background : #151c50;
height : auto;
}
.footer.center {
padding : 0 20px;
}
#footertop .center {
padding : 0 20px;
}
#footer .sosyal {
float : right;
width : 100%;
height : 40px;
max-width : 240px;
text-align : center;
}
#footer .sosyal a {
float : right;
width : 40px;
height : 40px;
display : block;
border-radius : 20px;
text-decoration : none;
margin-left : 10px;
background : #0c1137;
}
#footer .sosyal a:hover {
background : #00B4FF;
}
#footer .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 : #00B4FF;
padding : 3px 0;
margin-bottom : 20px;
}
#footer .footer .alan a {
display : block;
padding : 0;
text-decoration : none;
color : #d7dcff;
line-height : 25px;
cursor : pointer;
}
#footer .footer .alan a:hover {
color : #fff;
}
#footer .footer .alan p {
margin : 0;
padding : 0;
text-decoration : none;
color : #d7dcff;
line-height : 25px;
}
#up {
position : fixed;
background : #00B4FF;
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;
background : #121848;
margin-top : 40px;
text-align : left;
color: #d7dcff;
}
.copyright .center {
padding : 0 20px;
}
a.filnet {
float : right;
display : block;
width : 16px;
height : 22px;
background : url(../images/filnet.svg) top left no-repeat;
background-size : auto 22px ;
transition : all 0.2s linear;
}
a.filnet:hover {
width : 95px;
}
.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% + 10px);
margin-left : -5px;
height : auto;
padding : 45px 0 55px 0;
}
.neden {
width : 100%;
height : auto;
position : relative;
display : block;
text-decoration : none;
text-align : center;
padding : 10px 30px;
}
.neden b {
display : block;
}
.neden img.logo {
width : auto;
height : 55px;
margin-top : 5px;
filter: grayscale(50%);
}
.iconbanner {
float : left;
width : 33.33%;
height : auto;
position : relative;
display : block;
text-decoration : none;
padding : 10px 30px;
}
.iconbanner .icon_in {
width : 100%;
height : auto;
text-align : center;
}
.iconbanner i {
width : 50px;
height : 50px;
line-height : 50px;
text-align : center;
font-size : 30px;
display : block;
margin-right : 10px;
color : #fff;
background : #00B4FF;
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;
}
.kesifbilgi {
width : 50%;
float : left;
padding-top : 25px;
padding-right : 35px;
margin-bottom : 45px;
box-sizing : border-box;
}
.kesifbilgi b{
display : block;
}
.kesif {
width : 50%;
float : right;
padding-top : 45px;
margin-bottom : 45px;
box-sizing : border-box;
}
.form {
width : 100%;
box-sizing : border-box;
background : #151C50;
border-radius : 25px;
}
.form p {
padding : 10px 15px 15px 15px;
margin : 0;
color : #eee;
}
.form_baslik {
width : 100%;
line-height : 60px;
background : url(../images/form.svg) left 15px top 20px no-repeat rgb(255, 255, 255, 0.1);
background-size : 37px 37px;
padding : 10px 15px 0 65px;
font-size : 17px;
height : 60px;
color : #fff;
box-sizing : border-box;
}
#page .form p {
padding: 10px 15px 15px 15px;
margin: 0;
background : rgb(255, 255, 255, 0.1);
color : #fff;
}
.form .form_in {
padding : 5px 15px 15px 15px;
box-sizing : border-box;
}
.form input.text {
width : 100%;
line-height : 50px;
background : #151C50;
border : 0;
border-bottom : 1px solid rgb(255, 255, 255, 0.2);
font-size : 14px;
height : 50px;
color : #fff;
box-sizing : border-box;
outline : 0;
transition : all 0.1s linear;
}
.form input.text:focus {
border-bottom : 1px solid rgb(255, 255, 255, 0.65);
}
.form input.text::placeholder {
color : #fff;
}
#sonuc {
float : left;
min-width : 50px;
background-size : 37px 37px;
line-height : 45px;
padding : 0;
font-size : 14px;
height : 45px;
color : #fff;
box-sizing : border-box;
margin-top : 15px;
border-radius : 5px;
overflow : hidden;
}
.sonuc {
background : #fff;
line-height : 45px;
color : #333;
font-weight : 500;
padding : 0 15px;
border-radius : 25px;
}
a#send {
float : right;
line-height : 45px;
background : #00B4FF;
padding : 0 15px;
font-size : 15px;
font-weight : 500;
height : 45px;
color : #fff;
box-sizing : border-box;
margin-top : 15px;
outline : 0;
cursor : pointer;
transition : all 0.1s linear;
border-radius : 25px;
}
a#send:hover {
background : #fff;
color : #00B4FF;
}
@media screen and (max-width:1080px) {
.item-left {
top : 100px;
}

.owl-carousel .owl-nav {
display : none;
}
.item-inner img{
width : 120%;
margin-left : -20%;
}
.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:1000px) {
	
#header #menu ul.menu li a{
line-height : 45px;
}
#header #menu ul.menu li a.teklif{
color : #fff;
background : #00B4FF;
padding : 0 20px;
border-radius : 25px;
margin-left : 15px;
margin-top : 2.5px;
line-height : 40px;
}
#header {
width: 100%;
height : 70px;
}
#header #menu{
display : none;
}
#header a#logo{
float : left;
display : block;
width : 135px;
height : 70px;
padding : 10px 0;
}
#header a#logo img{
width : auto;
height : 50px;
margin-left : -5px;
}
a.open{
float : right;
display : block;
width : 45px;
height : 70px;
line-height : 70px;
margin : 0 0;
font-size : 40px;
color : #333;
}
#header #menu.ac{
display : block;
position : absolute;
width : 100%;
background : #151c50;
height: 65px;
padding : 10px;
left : 0;
margin-top : 70px;
}
#header #menu ul.menu li a{
color : #ddd;
}
#header a#logo {
width: auto;
}
#header a#logo img{
width : auto;
}
#proje{
background : url(../images/proje.jpg) center center repeat-x #151c50;
background-size : auto 100%;
}
#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) {
.kesifbilgi {
width : 100%;
float : none;
padding-top : 15px;
padding-right : 5px;
margin-bottom : 15px;
box-sizing : border-box;
}
.kesif {
width : 100%;
float : none;
padding-top : 25px;
margin-bottom : 35px;
box-sizing : border-box;
}
.iconbanner {
float : none;
width : 100%;
height : auto;
padding : 10px 5px;
}
.iconbanner .icon_in {
text-align : left;
}
.iconbanner i {
float : left;
margin-right : 15px;
}
.neden {
width : 100%;
height : auto;
position : relative;
display : block;
text-decoration : none;
text-align : left;
padding : 5px;
}
}
@media screen and (max-width:840px) {
#bar .title {
display : none;
}
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: 25px;
line-height: 35px;
padding: 15px 0 35px 0;
}
#page .page_left p.slg strong.first {
font-size: 25px;
}
.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 : 100px;
}
.item-inner img{
width : 130%;
margin-left : -20%;
}
.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 : 70px;
}
#header #menu ul.menu li{
width : 100%;
}
#header #menu ul.menu li a{
color : #ddd;
}
#header #menu ul.menu li:hover div{
position : relative;
top : 0px;
}
#header #menu ul.menu li a.teklif{
background : none;
color : #00B4FF;
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);
}
#footer .sosyal {
float : left;
width : auto;
}.footer.center {
    padding: 0 0px;
}

.galeribox {
width : 50%;
}
}
@media screen and (max-width:480px) {
.prj .box.urun {
    transition: all 0.2s linear;
    width: 100%;
    height: 430px;
}
	
#page .page_right a#video{
top : 80px;
left : 80px;
}
.item-left {
top : 120px;
}
.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%;
display : none;
}
.item-left {
width : 100%;
}
#baslik h1 {
display : block;
width : 100%;
}
#footer .footer .alan {
width : 50%;
}
#footer .footer .alan.son {
display : none;
}
.box{
width : 100%;
}
}
@media screen and (max-width:380px) {
li.gtel{
display : none;
}
}