::selection {
color : #000;
background : #f8952d;
}
::-moz-selection {
color : #000;
background : #f8952d;
}
body::-webkit-scrollbar {
width : 6px !important ;
height : 6px !important ;
}
body::-webkit-scrollbar-button {
width : 0 !important ;
height : 0 !important ;
}
body::-webkit-scrollbar-thumb {
background : #c1c1c1 !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-thumb:hover {
background : #a8a8a8 !important ;
}
body::-webkit-scrollbar-thumb:active {
background : #a8a8a8 !important ;
}
body::-webkit-scrollbar-track {
background : #f1f1f1 !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-track:hover {
background : #f1f1f1 !important ;
}
body::-webkit-scrollbar-track:active {
background : #f1f1f1 !important ;
}
body::-webkit-scrollbar-corner {
background : transparent !important ;
}
* {
font-family: 'Poppins', sans-serif;
box-sizing : border-box;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
min-height : 100%;
font-size : 14px;
background : #fff;
color: #222;
font-weight : 400;
}

b,strong,h1,h2,h3,h4{
font-weight : 500;
}
#loader {
width : 100%;
height : 100%;
background : url(../img/load.svg) center center no-repeat #f8952d;
background : #fff;
position : fixed;
z-index : 5;
left :0;
top : 0;
}
.center {
margin : 0 auto;
width : 100%;
max-width : 1225.5px;
padding : 0 15px;
box-sizing : border-box;
position : relative;
}
.clear {
clear : both;
}
.right {
float : right;
}
#header {
width : 100%;
position : relative;
z-index : 3;
}
#header img.sentez{
width : auto;
height : 40px;
position:absolute;
top : 35px;
right : 150px;
}
#header #arama {
float : left;
width : calc(100% - 435px);
min-width : 180px;
height : 40px;
margin-top : 35px;
padding : 0 10px;
z-index : 3;
}
#header .arama {
width : 100%;
max-width : 480px;
margin : 0 auto;
height : 40px;
position : relative;
}
#header .arama input.keyword {
float : left;
width : calc(100% - 75px);
height : 40px;
line-height : 40px;
padding : 0 13px;
background : #fafafa;
outline : 0;
transition : all 0.2s linear;
border-top-left-radius : 3px;
border-bottom-left-radius : 3px;
border : 2px solid #1C4281;
border-right : 0;
}
#header .arama input.keyword:hover {
}
#header .arama input.keyword:focus {
}
#header .arama input.keyword::placeholder {
color : #bbb;
opacity : 1;
}
#header .arama input.keyword:-ms-input-placeholder {
color : #bbb;
}
#header .arama input.keyword::-ms-input-placeholder {
color : #bbb;
}
#header .arama button.ara {
float : left;
width : 50px;
height : 40px;
line-height : 40px;
padding : 0;
background : #1C4281;
border : 0;
outline : 0;
text-align : left;
color : #fff;
border-top-right-radius : 3px;
border-bottom-right-radius : 3px;
}
#header .arama button.ara i.lnr-magnifier {
display : block;
width : 50px;
text-align : center;
font-size : 20px;
color : #fff;
}
#header .arama button.ara:hover {
background : #F8952D;
cursor : pointer;
}
#user {
float : right;
height : 110px;
padding : 38.5px 0 31.5px 0;
transition : 0.5s;
width : 150px;
overflow  : hidden;
}
#user a {
float : right;
width : auto;
height : 50px;
padding : 0;
transition : 0.5s;
cursor : pointer;
}
#user a i {
float : right;
width : 37px;
height : 50px;
display : block;
font-size : 30px;
color : #1C4281;
text-align : right;
}
#user a b {
float : right;
text-align : right;
width : calc(100% - 37px);
height : 35px;
line-height : 15px;
display : block;
font-size : 15px;
color : #1C4281;
}
#user a span {
float : right;
height : 20px;
text-align : right;
text-align : right;
line-height : 20px;
display : inline;
font-size : 12px;
color : #888;
margin-top : -19px;
}
#user a:hover i {
color : #F8952D;
}
.header {
width : 100%;
height : 110px;
}
#logo {
float : left;
height : 110px;
padding : 35px 0;
}
a.logo{
height : 40px;
display : block;
}
a.logo img{
width : auto;
height : 40px;
}
#bar {
width : 100%;
height : 50px;
position : relative;
z-index :2;
background : #1C4281;
}
ul#mega {
list-style : none;
margin : 0;
padding : 0;
height : 50px;
}
#mega li {
float : left;
transition : all 0.2s linear;
}
#mega li.dow {
float : right;
background : #F8952D;
}
#mega li a {
color : #fff;
text-decoration : none;
display : block;
padding : 0 15px;
line-height : 50px;
transition : all 0.2s linear;
font-weight : 500;
font-size : 14.5px;
}
#mega li.dow a span{
margin-right : 10px;
}
#mega li a span{
float : left;
font-size : 20px;
margin-right : 10px;
}
#mega li:first-child a {
background :rgba(0, 0, 0, 0.25)
}
#mega li:hover a {
color : #fff;
background : #F8952D;
}
#mega div.menu {
position : absolute;
left : 0;
top : 50px;
max-height : 0;
z-index : 1;
overflow : hidden;
transition : height 2s;
padding : 0 15px;
}
#mega .menu_in {
width : 100%;
background : #fff;
padding : 10px 0;
border-bottom-left-radius : 4px;
border-bottom-right-radius : 4px;
margin-bottom : 10px;
box-shadow : 0 0 6px 2px rgba(0, 0, 0, 0.1);
}
#mega .menu_in .menu_in_alan{
float : left;
width : 300px;
}
#mega li:hover div.menu {
max-height : 800px;
transition : max-height 0.25s ease-in;
}
#mega div.menu a:link, #mega div.menu a:visited {
padding : 0 20px 0 10px;
color : #111;
line-height : 30px;
white-space : nowrap;
font-size : 13px;
text-transform : capitalize;
transition : all 0.2s linear;
border-radius : 0;
font-weight : 400;
box-shadow : 0 0 0 0 ;
margin : 5px 0;
background : none;
}
#mega div.menu a:first-child {
margin-top : 10px;
}
#mega div.menu a:last-child {
margin-bottom : 10px;
}
#mega div.menu a:hover {
padding : 0 15px 0 15px;
color : #1C4281;
}
#mega div.menu a span {
font-size : 15px;
}

#megaac{
float : right;
width : 50px;
height : 60px;
display : none;
}
#megaac span{
display : block;
width : 50px;
height : 60px;
line-height : 58px;
font-size : 40px;
text-align : right;
color : #fff;
}
#megaac span.lnr-cross2 {
display : none;
font-size : 30px;
}
#slide {
margin : 0 auto;
width : 100%;
height : auto;
overflow : hidden;
background : url(../img/load.svg) center center no-repeat #ddd;
margin-top : 20px;
}
.tags {
width : calc(100% + 19px);
margin-left : -10px;
padding : 25px 0 15px 0;
}
.galeri{
width : calc(100% + 20.5px);
margin-left : -10.5px;
padding : 20px 0;
}
.alan {
width : calc(100% + 20px);
margin-left : -10px;
padding : 20px 0;
}
.tags .box{
width : 100%;
}
.tags .tagbanner img{
width : 100%;
height : auto;
border-radius : 4px;
}
.page {
float : left;
width : 100%;
min-height : 300px;
padding : 25px 0 65px 0;
line-height : 25px;
}
.page a.tek{
display : inline-block;
padding : 0 15px;
line-height : 40px;
background : #1C4281;
color : #fff;
text-decoration : none;
}
.page a.tek:hover{
background : #153161;
}
.page a.tek.sec,
.page a.tek.sec:hover{
background : #F8952D;
}

.page_left1{
float : left;
width : 45%;
}
.page_right{
float : left;
width : 55%;
padding : 20px 0 20px 20px;
}

.page_right .ozellik{
width : 100%;
border : 1px solid #ddd;
padding : 20px;
overflow : hidden;
overflow-y : scroll;
height: 540px !Important;
}
.page_right .ozellik a.dnw{
display : block;
color : #333;
text-decoration : none;
font-size : 13px;
}
.page_right .ozellik a.dnw span{
float : left;
margin-right : 10px;
font-size : 15px;
}

.page_right .ozellik a.dnw:hover{
color : #1;
text-decoration : underline;
}

.page_right .ozellik b {
margin : 0;
padding : 0 0 10px 0;
color : #1C4281;
font-size : 16px;
text-transform : uppercase;
display : inline-block;
border-bottom : 2px solid #f8952d;
margin-bottom : 10px;
}
.yer {
width : 100%;
min-height : 40px;
line-height : 40px;
position : relative;
font-size : 12px;
border-bottom : 1px solid #ddd;
}
.yer a{
float : left;
display : inline-block;
color :#777;
text-decoration : none;
}
.yer i{
float : left;
display : inline-block;
color :#777;
line-height :38px;
text-decoration : none;
padding : 0 5px;
font-size : 10px;
}
.yer a:hover{
text-decoration : underline;
}
.yer b{
float : left;
display : inline-block;
color :#777;
text-decoration : none;
padding-right : 20px;
}
.outer {
display : table;
height : 100%;
top : 0;
width : 100%;
}
.middle {
display : table-cell;
vertical-align : middle;
}
.projeler {
width : 100%;
height : 600px;
margin : 25px 0 0 0;
padding : 45px 0;
line-height : 25px;
background-color : #f8952d;
background-image : url(../img/bg.jpg);
background-position : center center;
background-size : cover;
overflow : hidden;
}
#tabalan{
width : 100%;
position : relative;
}
#tabs{
width : 100%;
padding : 0;
list-style: none;
text-align : center;
}
#tabs li{
display:inline-block;
*display:inline; /*IE7*/
*zoom:1; /*IE7*/
padding: 7.5px;
}
#tabs a{
position: relative;
line-height : 50px;
padding: 0 15px;
text-decoration: none;
color: #fff;
display:inline-block;
border : 2px solid #fff;
border-radius : 3px;
font-weight : 500;
font-size : 15px;
transition : all 0.1s linear;
}
#tabs a:hover{
}
#tabs a:focus{
outline: 0;
}
#tabs #current a,
#tabs #current a::after{
border : 2px solid #f8952d;
color : #f8952d;
font-weight : 500;
}
#content{
width : 100%;
margin : 15px 0;
min-height : 300px;
position: relative;
z-index: 1;
}
#content .alan{
width : 100%;
min-height : 460px;
}
#content .alan p{
margin : 7.5px;
text-align : center;
font-size : 17px;
font-weight : 400;
}
.box {
float : left;
width : 25%;
padding : 10px;
}
.alan .box {
width : 100%;
}
.alan .box.urun {
width : 100%;
height : auto;
}
.box.urun .box_in {
background : #fff;
position : relative;
min-height : 100%;
padding : 0;
box-shadow : 0 0 6px 2px rgba(0, 0, 0, 0.1);
}
.box.urun .box_in .resimbox {
width : 100%;
height : auto;
display : block;
position : Relative;
}
.box.urun .box_in .resimbox img {
width : 100%;
height : auto;
float : left;
}
.box.urun .box_in .resimbox .ebat {
position : absolute;
bottom : 15px;
left : 0;
}
.box.urun .box_in .resimbox .ebat span {
float : left;
font-size : 12px;
padding : 0 15px 0 15px;
line-height : 30px;
font-weight : 500;
transition : all 0.15s linear;
display : inline-block;
}
.box.urun .box_in .resimbox span.bat {
background : #fff;
color : #1C4281;
}
.box.urun .box_in .resimbox span.bat2 {
clear : both;
background : #1C4281;
color : #fff;
}
.box.urun .box_in .resimbox span.bat3{
clear : both;
background : #1C4281;
color : #fff;
}
.box.urun .box_in:hover .resimbox span.bat3{
clear : both;
background : #F8952D;
color : #fff;
}
.box.urun .box_in a.baslik {
display : block;
width : 100%;
padding : 15px;
height : 110px;
line-height : 20px;
font-size : 13px;
color : #333;
overflow : hidden;
text-decoration : none;
font-weight : 400;
overflow: hidden;
text-overflow: ellipsis;
}
.anabas{
width : 100%;
position : relative;
font-size : 22px;
text-align : center;
padding : 15px 7.5px 0px 7.5px;
font-weight : 600;
color : #fff;
text-transform : uppercase;
}
.homepage {
float : left;
width : 100%;
height : 490px;
padding : 75px 0;
line-height : 25px;
}
.homepage .homepagep{
float : left;
width : calc(100% - 400px);
height : 100%;
padding-right : 70px;
font-size : 17px;
}
.homepage .homepagep.re{
padding-right : 0px;
padding-left : 70px;
}
.homepage .homepagep.re i{
font-size : 15px;
display : block;
color : #aaa;
}
.homepage .homepagep a{
display : inline-block;
line-height : 55px;
height : 50px;
color : #000f19;
text-decoration : none;
margin-right : 25px;
background : #eee;
padding : 0 15px;
border-radius : 3px;
margin-bottom : 10px;
font-size : 14px;
}
.homepage .homepagep a span{
float : left;
display : inline-block;
font-size : 20px;
margin-right : 10px;
margin-top :-2px;
}
.homepage .homepagep a span.lnr-envelope{
}
.homepage .homepagep a{
background : #f8952d;
color : #111;
}
.homepage p span{
font-size : 40px;
}
.page p.kisa{
font-weight : 600;
font-size : 17px;
}
.galeribox {
float:left;
width : 25%;
display : block;
position : relative;
overflow : hidden;
padding : 10px;
box-sizing : border-box;
}
.galeribox a.resim {
width : 100%;
height : 200px;
display : block;
background : #fff;
overflow : hidden;
box-sizing : border-box;
overflow : hidden;
border : 8px solid #ddd;
box-sizing : border-box;
}
.galeribox:hover a.resim {
border : 8px solid #f8952d;
}
.projebox{
float : left;
width : 33.3%;
height : auto;
box-sizing : border-box;
margin : 3px 0;
padding : 7px;
transition : all 0.15s linear;
}
.projebox:hover{
background : #f8952d;
}
.proje{
width : 100%;
height : 190px;
background : #eee;
position : relative;
overflow : hidden;
}
.proje a{
width : 100%;
height : 100%;
display : block;
background-image : url(../img/ikon2.svg);
background-position : center center;
background-size : cover;
}
a.vbas{
display : block;
width : 100%;
min-height : 50px;
line-height : 50px;
overflow : hidden;
box-sizing : border-box;
padding : 0 12px;
color : #fff;
text-decoration : none;
background : #f8952d;
}
a.vbas b{
color : #fff;
}
.hizmetbox {
float:left;
width : 25%;
display : block;
position : relative;
overflow : hidden;
padding : 0 10px 15px 10px;
box-sizing : border-box;
}
.hizmetbox a{
display : block;
width : 100%;
min-height : 44px;
line-height : 40px;
overflow : hidden;
box-sizing : border-box;
padding : 0 12px;
background : #fff;
text-decoration : none;
color : #333;
border : 2px solid #ddd;
font-weight : 600;
border-radius : 3px;
}
.hizmetbox a:hover{
color : #111;
border : 2px solid #f8952d;
}
.hizmetbox a.sec{
color : #111;
background : #f8952d;
border : 2px solid #f8952d;
}
.page_left {
float : left;
width : calc(100% - 470px);
padding : 25px 0;
line-height : 25px;
}
.page h1,.page_left h1,b.h1 {
margin : 0;
padding : 0 0 10px 0;
color : #1C4281;
font-size : 16px;
text-transform : uppercase;
display : inline-block;
border-bottom : 2px solid #f8952d;
margin-bottom : 10px;
}
h1.otto {
margin : 0;
padding : 0 0 10px 0;
color : #1C4281;
font-size : 16px;
text-transform : uppercase;
display : inline-block;
border-bottom : 2px solid #f8952d;
margin-bottom : 10px;
margin-left : 10px;
}
.homepage h1 {
margin : 0;
padding : 0 0 10px 0;
color : #1C4281;
font-size : 16px;
text-transform : uppercase;
display : inline-block;
border-bottom : 2px solid #f8952d;
margin-bottom : 10px;
}
.page a.tg{
color : #666;
text-decoration : none;
text-transform : capitalize;
}
.page hr.dat{
height : 0;
border : 0;
border-bottom : 1px dashed #aaa;
}
.page_left b,.page_left a {
color : #111;
text-decoration : none;
}
.kesif {
float : right;
width : 450px;
padding-left : 15px;
padding-top : 25px;
margin-bottom : 25px;
box-sizing : border-box;
}
.form {
width : 100%;
box-sizing : border-box;
background : #1C4281;
border-radius : 4px;
}
.form p {
padding : 10px 15px 15px 15px;
margin : 0;
color : #fff;
}
.form_baslik {
width : 100%;
line-height : 60px;
padding : 10px 15px;
font-size : 17px;
height : 60px;
color : #fff;
box-sizing : border-box;
}
.form_baslik i{
display : block;
float : left;
width : 50px;
height : 60px;
line-height : 60px;
font-size : 40px;
color : #fff;
}
.form .form_in {
padding : 5px 15px 15px 15px;
box-sizing : border-box;
}
.form input.text {
width : 100%;
line-height : 50px;
background : #1C4281;
border : 0;
border-bottom : 1px solid rgba(255, 255, 255, 0.3);
font-size : 14px;
height : 50px;
color : #fff;
box-sizing : border-box;
outline : 0;
}
.form input.text::placeholder {
color : #fff;
}
#sonuc {
min-width : 50px;
background-size : 37px 37px;
line-height : 25px;
padding : 10px 0;
font-size : 14px;
color : #fff;
box-sizing : border-box;
margin-top : 15px;
border-radius : 4px;
overflow : hidden;
}
.sonuc {
background :#333;
line-height : 45px;
color : #fff;
padding : 0 15px;
}
a#send {
float : right;
line-height : 45px;
background : #f8952d;
padding : 0 15px;
font-size : 14px;
font-weight : 500;
text-transform : uppercase;
height : 45px;
color : #fff;
box-sizing : border-box;
margin-top : 15px;
outline : 0;
cursor : pointer;
transition : all 0.2s linear;
border-radius : 4px;
}
a#send:hover {
background : #fff;
color : #f8952d;
}
#footer {
width : 100%;
padding : 35px 0 0px 0;
height : auto;
border-top : 1px solid #ddd;
margin-top : 25px;
}
#footer a.logo img{	
width : 100px;
}
#footer .sosyal {
float : left;
width : 100%;
height : 40px;
max-width : 240px;
padding-left : 20px;
}
#footer .sosyal a {
float : left;
width : 35px;
height : 35px;
display : block;
border-radius : 35px;
text-decoration : none;
margin-right : 5px;
margin-top : 10px;
background : #aaa;
}
#footer .sosyal a.youtube:hover {
background : #ff0000;
}
#footer .sosyal a.facebook:hover {
background : #4267b2;
}
#footer .sosyal a.instagram:hover {
background : #ce1467;
}
#footer .sosyal a img {
margin : 0 auto;
width : 15px;
height : 15px;
display : block;
color : #f0f2f5;
margin-top : 10px;
}
#footer .footer .alan {
float : left;
width : 20%;
padding : 0 20px 20px 10px;
}
#footer .footer .alan b {
display : inline-block;
font-size : 15px;
color : #1C4281;
padding : 3px 0;
padding-bottom : 5px;
margin-bottom : 20px;
border-bottom : 2px solid #f8952d;
text-transform : uppercase;
font-weight : 500;
}
#footer .footer .alan a {
display : block;
padding : 0;
text-decoration : none;
color : #222;
line-height : 25px;
cursor : pointer;
font-size : 13px;
}
#footer .footer .alan a.con {
display : block;
padding : 0;
text-decoration : none;
color : #222;
line-height : 35px;
cursor : pointer;
font-size : 13px;
}
#footer .footer .alan a i{
float : left;
font-size : 15px;
display : block;
width :20px;
height : 30px;
line-height : 30px;
}
#footer .footer .alan a.con span{
float : right;
width : calc(100% - 20px);
line-height : 30px;
margin : 0;
padding : 0;
display : block;
}
#footer .footer .alan a:hover {
color : #1C4281;
}
#up {
position : fixed;
background : rgba(0,0,0,0);
width : 40px;
height : 40px;
line-height : 40px;
cursor : pointer;
z-index : 2;
transition : all 0.2s linear;
bottom : 90px;
right : 20px;
text-align : center;
border-radius : 4px;
}
#up i {
display : none;
}
#up.goster {
background : rgba(0,0,0,0.2);
}
#up.goster i {
color : #fff;
font-size : 20px;
display : block;
}
#up.goster:hover {
background : #f8952d;
color : #111;
}
.copyright {
width : 100%;
padding : 20px 0;
background : #eee;
margin-top : 20px;
text-align : left;
color : #666;
}
a.filnet {
float : right;
display : block;
width: 43px;
height: 36px;
background: url(../img/kr.png) top left no-repeat;
background-size: 43px 36px;
margin-top : -10px;
}

.tabela {
width : 100%;
margin : 15px 0;
}
#customers {
border-collapse: collapse;
width: 100%;
border : 1px solid #1C4281;
}
#customers.ana {
border-collapse: collapse;
width: 100%;
border : 1px solid #F8952D;
}
#customers th {
padding: 10px;
text-transform:uppercase;
position: -webkit-sticky; 
position: sticky;
top: 0;
z-index: 10;
font-weight : 500;
text-align: left;
background-color: #d9e7ff;
color:#1C4281;
border-right : 1px solid #1C4281;
}
#customers td{
padding: 10px;
border-right : 1px solid #1C4281;
}
#customers tr{
}
#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #F8952D;color:#fff}
#customers tr.ho,
#customers tr.ho:hover
{background-color: #1C4281;color:#fff;
text-transform:uppercase;
font-weight : 500;}

#customers.ana tr.ho,
#customers.ana tr.ho:hover{background-color: #F8952D;}
.pageshow h3{
color : #f8952d;
margin : 25px 0 15px 0;
padding : 0;
font-size : 16px;
}
.pshow{
width : 100%;
padding : 15px 0;
margin : 15px 0;
color : #666;
}
.pshow strong{
color : #111;
font-size : 15px;
}
.pshow img{
float : right;
width : 300px;
}
.pshow .outer{
width : calc(100% - 550px);
}
.formstr{
width : 100%;
max-width : 700px;
margin : 0 auto;
display : block;
line-height : 35px;
margin-top : 15px;
}
.tekp{
max-width : 700px;
margin : 0 auto;
border-bottom : 1px solid #ddd;
padding-bottom : 10px;
margin-top : 20px;
margin-bottom : 10px;
}
.formstr_b{
float : left;
width : 200px;
display : block;
font-size : 13px;
min-height : 40px;
}
.formstr_b.red{
color : #d00;
}
.formstr_b.green{
color : #4DC247;
}
.formstr_n{
float : left;
width : 20px;
display : block;
min-height : 40px;
}
.formstr_a{
float : left;
width : calc(100% - 220px);
display : block;
min-height : 40px;
}
.formstr_a input,
.formstr_a select,
.formstr_a select option,
.formstr_a textarea{
width : 100%;
margin : 0;
padding : 0 10px;
border : 1px solid #aaa;
height : 38px;
line-height : 30px;
}
.formstr_a a{
display : inline-block;
padding : 0 25px;
line-height : 40px;
background : #1C4281;
color : #fff;
text-decoration : none;
float : right;
cursor : pointer;
}
.formstr_a a:hover{
background : #F8952D;
}
.formstr_a textarea{
height : 98px;
line-height : 33px;
}
#customers {
border-collapse: collapse;
width: 100%;
border : 1px solid #1C4281;
}
#customers.ana {
border-collapse: collapse;
width: 100%;
border : 1px solid #F8952D;
}
#customers th {
padding: 10px;
text-transform:uppercase;
position: -webkit-sticky; 
position: sticky;
top: 0;
z-index: 10;
font-weight : 500;
text-align: left;
background-color: #d9e7ff;
color:#1C4281;
border-right : 1px solid #1C4281;
}
#customers td{
padding: 10px;
border-right : 1px solid #1C4281;
line-height : 25px;
}
#customers tr{
}
#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #F8952D;
color:#1C4281;}
#customers tr:hover {background-color: #D9E7FF;
color:#1C4281;}
#customers tr.ho,
#customers tr.ho:hover
{background-color: #1C4281;
color:#fff;
text-transform:uppercase;
font-weight : 500;}

#customers.ana tr.ho,
#customers.ana tr.ho:hover{background-color: #F8952D;}

@media screen and (max-width:1180px) {

#header img.sentez{
right : 120px;
}
}
@media screen and (max-width:1120px) {
#mega li.dow {
float: left;
background: none;
}
#bar {
height: auto;
}
}
@media screen and (max-width:1110px) {

#header img.sentez{
display : none;
}
}
@media screen and (max-width:780px) {
.nn,.fl{display:none;}
.arabar .sosyal {display:none;}
.page_left {width:100%;}
.kesif {width:100%;
padding-left : 0;}
.projebox{
width : 100%;
}
.hizmetbox {
width : 50%;
}
.box.urun {
width : 33.33%;
}
.galeribox {
width : 33.33%;
}
.galeribox a.resim {
height : 120px;
}
ul#mega {
float : left;
width : 100%;
padding : 0 15px;
margin-left : -15px;
background : #f8952d;
box-sizing : border-box;
display : none;
}
ul#mega li{
width : 100%;
display : block;
border-bottom : 0;
box-sizing : border-box;
padding : 0;
}
ul#mega li a{
color : #fff;
padding : 0;
}
ul#mega li a.grp{
pointer-events: none;;
}
#mega li:hover div.menu{
display : block;
max-height: 500%;
position : relative;
top: 0px;
padding: 0px;
}
#mega .menu_in {
width : 100%;
background : #fff;
padding : 10px 0;
border-bottom-left-radius : 0;
border-bottom-right-radius : 0;
margin-bottom : 10px;
box-shadow : 0 0 0;
}
#megaac{
display : block;
}
#megaac.ac span.lnr-menu{
display : none;
}
#megaac.ac span.lnr-cross2{
display : block;
}
ul#mega.ac{
display : block;
min-height : 100%;
height : 1700px;
position : absolute;
background : #1C4281;
top : 50px;
padding-top : 15px;
}
#footer .footer .alan{width:50%;}
#footer .footer .alan.ileti{width:100%;}
#footer .footer .alan.cle{clear:both;}
#mask {background-position: center center;}
#header #arama {
position : absolute;
width: calc(100% - 95px);
min-width: 180px;
height: 40px;
margin-top: 0;
padding: 0 10px;
left : 5px;
top : 100px;
}
.header {
height: 90px;
}
#logo {
height: 90px;
padding: 25px 0 25px 0;
}
#user {
height: 90px;
padding: 28.5px 0 21.5px 0;
}
#header .arama {
max-width:  100%;
}
#mega li:first-child a {
background: rgba(0, 0, 0, 0);
}
#header .arama input.keyword {
border: 0;
border-right: 0;
}
#header .arama button.ara {
background: #F8952D;
cursor: pointer;
}
.pshow img {
    width: auto;
    max-width: 80%;
    float: none;
    margin : 0 auto;
}
.pshow .outer {
    width: 100%;
}.page_left1 {
    float: none;
    width: 100%;
}.page_right {
    float: none;
    width: 100%;
    padding: 20px 0;
}
}
@media screen and (max-width:550px) {
.formstr_b{
float : none;
width : 100%;
display : block;
font-size : 13px;
}
.formstr_n{
display : none;
}
.formstr_a{
float : none;
width : 100%;
display : block;
}
#slide {
    margin: 0 auto;
    width: calc(100% + 30px);
	margin-left : -15px;
    height: auto;
    overflow: hidden;
    background: url(../img/load.svg) center center no-repeat #ddd;
    margin-top: 0px;
}.tags {
    width: calc(100% + 19px);
    margin-left: -10px;
    padding: 15px 0 15px 0;
}
#footer .footer .alan b {
    display: inline-block;
    font-size: 13px;
    white-space: nowrap;
}
#top a.mail{display:none;}
#footer .footer .alan{width:50%;}
#footer .footer .alan.bulten{width:100%; text-align: left;}
#footer .sosyal a { float: left;margin-left: 0px; margin-right: 10px;}
#footer .sosyal { float: left;}
#tabs li{float : left;}
#tabalan{overflow : hidden;overflow-x : scroll;}
#tabs{width : 500px;height : 65px;}
.projeler {height : 550px;}
.homepage {padding : 45px 0;}
.galeribox {width : 50%;}
.hizmetbox {
width : 100%;
}
.box.urun {
width : 50%;
}
#user {
    float: right;
    height: 80px;
    padding: 28.5px 0 21.5px 0;
    transition: 0.5s;
    width: 150px;
    overflow: hidden;
	position : Absolute;
	right : 10px;
	top : 0;
}
}
@media screen and (max-width:400px) {
a.logo img {
    width: auto;
    height: 30px;
}
#user {
    padding: 23.5px 0 21.5px 0;
}.header {
    height: 80px;
}
#header #arama {
left : 5px;
top : 90px;
}
}