@charset "UTF-8";
/*
* Engin Tasarım
* Copyright 2014
* www.engintasarim.com
* 14/02/2014
*/

	
/********************************************************************************************* 

1.  1200px Grid Sistemi (WideScreen) 1200px genişlik için tasarım - Varsayılan Stiller

*********************************************************************************************/  

body{font-family: 'PT Sans', sans-serif;font-weight:400;background: #e8e8e8;}

.temizle {}
.temizle:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

#arka_turuncu {
z-index:1;
position: absolute;
top:0;
height: 100px;
width: 100%;
background: #fa7520;
}

#arka_turuncu:before {
content: "";
display: block;
position: absolute;
border-radius: 30% 66% 20% 60%;
-moz-border-radius:30% 66% 20% 60%;
-webkit-border-radius:30% 66% 20% 60%;
box-shadow: inset 102px 17px 10px -12px #d2d2d2;
-moz-box-shadow:inset 102px 17px 10px -12px #d2d2d2;
-webkit-box-shadow:inset 102px 17px 10px -12px #d2d2d2;
width: 82%;
height: 144px;
background-color: #FFFFFF;
left: -22%;
top: 50px;
}

#arka_turuncu:after {
content: "";
display: block;
position: absolute;
border-radius: 13% 0% 0% 185%;
-moz-border-radius:13% 0% 0% 185%;
-webkit-border-radius:13% 0% 0% 185%;
box-shadow: inset -20px -9px 35px #EC6D1C;
-moz-box-shadow: inset -20px -9px 35px #EC6D1C;
-webkit-box-shadow: inset -20px -9px 35px #EC6D1C;
width: 67%;
height: 210px;
background-color: #fa7520;
right: 0;
top: -60px;
}

#arka_beyaz {
position: absolute;
z-index: 0;
height: 374px;
width: 100%;
top: 0;
background: #fff;
}

#arka_gri {
position: absolute;
z-index:0;
height: 100px;
width: 100%;
top:110px;
background: #fff;
}

#arka_gri:before {
content: "";
display: block;
position: absolute;
border-radius: 202% 0% 0% 100%;
-moz-border-radius: 202% 0% 0% 100%;
-webkit-border-radius: 202% 0% 0% 100%;
box-shadow: inset 14px 20px 11px #E4E4E4;
-moz-box-shadow: inset 14px 20px 11px #E4E4E4;
-webkit-box-shadow: inset 14px 20px 11px #E4E4E4;
width: 122%;
height: 391px;
background-color: #e8e8e8;
left: -22%;
top: 74px;
}

#arka_gri:after {
content: "";
display: block;
position: absolute;
border-radius: 0% 0% 1% 240%;
-moz-border-radius: 0% 0% 1% 240%;
-webkit-border-radius: 0% 0% 1% 240%;
box-shadow: inset -41px -14px 36px -13px #E7E7E7;
-moz-box-shadow: inset -41px -14px 36px -13px #E7E7E7;
-webkit-box-shadow: inset -41px -14px 36px -13px #E7E7E7;
width: 96%;
height: 160px;
background-color: #fff;
right: 0;
top: -49px;
}


.engintasarim_16{position:relative;z-index:2;}
.anamenu{position:relative;top:0;float: left;}
.anamenu ul{}
.anamenu ul li{float:left;margin-right:20px;position:relative;}
.anamenu ul li a{color:#fff;text-shadow:1px 1px 2px #a74600;font-size:17px;font-weight:600;padding:15px 15px 10px 15px;display:block}
.anamenu ul li:hover a{background:#3b7bb2;border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;text-shadow:1px 1px 2px #002D53;}
.anamenu ul li ul{display:none;position:absolute;margin-top: -5px;width: 170px;z-index: 55;}
.anamenu ul li:hover ul{display:block;}
.anamenu ul li:hover ul li{width: 100%;}
.anamenu ul li:hover ul li a{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
.anamenu ul li:hover ul li:first-child a{border-radius: 0 5px 0 0;-moz-border-radius: 0 5px 0 0;-webkit-border-radius: 0 5px 0 0;}
.anamenu ul li:hover ul li:last-child a{border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;}
.anamenu ul li:hover ul li:hover{}
.anamenu ul li:hover ul li a{padding: 10px 15px 10px 15px;}
.anamenu ul li:hover ul li:hover a{background: #0F5796;}

.logobar{margin-bottom: -100px;}
.icsayfa .logobar {margin-bottom: -10px;}

.logo{background:url(../images/logo.png)no-repeat;margin: 30px 10px 10px 0;width:300px;height:90px;float: left;}

.telefon{font-size:20px;color:#f67520;font-weight:400;float: left;margin: 60px 15px 10px 0;text-shadow: 3px 1px 6px #DBDBDB;}
.telefon b{font-size:24px;}

.kamyon{background:url(../images/kamyon.png)no-repeat;width:415px;height:286px;float:right;}
.icsayfa .kamyon{margin-top: 60px;background: url(../images/kamyon_kucuk.png)no-repeat;width: 250px;height: 136px;float: right;}

.arkadunya {position: absolute;background: url(../images/arkadunya.png) no-repeat center -68px;width: 770px;height: 438px;z-index: -3;top: 192px;left: 150px;}

.sorgubar{}
.sorgulama{background: #ffffff;padding: 20px 20px 20px 20px;border-radius: 5px;margin-top: -40px;margin-bottom: 20px;}
.sorgulama h3{color: #004f94;font-size: 18px;margin: 0 0 15px 0;float: right;padding: 3px 0 3px 22px;background: url(../images/sorgulama.png)no-repeat left center;}
.sorgulama form{width:100%;float: left;}
.sorgulama input[type="text"]{width: 100%;padding: 2% 4% 2% 4%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #e8e8e8;border: none;height: 40px;box-shadow: inset 0px 0px 10px #ccc;margin-bottom: 10px;}
.sorgulama input[type="password"]{width: 100%;padding: 2% 4% 2% 4%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #e8e8e8;border: none;height: 40px;box-shadow: inset 0px 0px 10px #ccc;margin-bottom: 10px;}
.sorgulama input[type="submit"]{float: right;border: none;padding: 6px 20px;font-size: 18px;font-weight: 600;color: #fff;border-radius: 5px;background:#fc7824;box-shadow: inset 0px 0px 10px #EE5D00;}
.sorgulama input[type="submit"]:hover{background: #EE5D00;box-shadow: inset 0px 0px 10px #FF7218;}
.sorgulama label{color: #004f94;font-size: 16px;line-height: 30px;width: 100%;}


.icsayfa .engin04 .sorgulama{display:none;}
.sorgulama_ackapa{ }
.icsayfa .sorgulama_ackapa{display:block;}
#sorgupaneli .sorgulama{padding: 20px 20px 20px 20px;margin:0;}
#sorgupaneli .sorgulama h3 {float: left;}
.sorgulama_ackapa {float: right;padding: 0 0 0 10px;background: #fff;border-radius: 0 0 5px 5px;}
.ackapa {background: #fff url(../images/sorgulama.png) no-repeat left center;padding: 10px 20px 10px 25px;display: block;border-radius: 0 0 5px 5px;color: #004f94;font-size: 17px;font-weight: 600;}

.lang {float: right;padding: 0;background: #fff;border-radius: 0 0 5px 5px; margin-left: 10px;}
.lang a{ padding: 10px;display: block;border-radius: 0 0 5px 5px;color: #004f94;font-size: 17px;font-weight: 600;}

#normalsorgu{display:block;}
#mobilsorgu{display:none;}

.slayt .bx-wrapper .bx-viewport {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;border: none;left: 0;background: none;}
.slayt{padding: 0 25px 25px 0;margin-top: 18px;}
.slayt ul{}
.slayt ul li{}
.slayt ul li a{}
.slayt ul li a img{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; width:100%; }

.hakkimizda{margin-top: 92px;position:relative;}
.hakkimizda h3{padding: 3px 0 3px 22px;background: url(../images/i.png)no-repeat left center;color: #d85500;margin: 0 0 10px 0;}
.hakkimizda .kargolar{position:absolute;top: -90px;right: 0;background:url(../images/kargolar.png)no-repeat;width:209px;height:128px;}
.hakkimizda p{font-size: 14px;color: #4e4e4e;margin: 0;}
.hakkimizdatablet{display:none!important;}

.iletisim h3{color:#d65300;font-size:18px;margin:30px 0 10px 0;}
.iletisim{background:url(../images/gulusunuyidim.png)no-repeat right bottom;padding: 0 60px 0 0;min-height: 130px;}
.iletisim p{color:#4e4e4e;font-size:13px;margin:0 0 5px 0;}
.iletisim p a{color:#d65300;}

.altlinkler{margin: 10px 0 40px 0;}
.altlinkler h4{color: #d65300;font-size: 18px;margin: 0 0 10px 0;}
.altlinkler ul{}
.altlinkler ul li{margin: 0 0 5px 0;}
.altlinkler ul li a{color: #4e4e4e;font-size: 14px;display: block;padding: 0 0 0 10px;background: url(../images/list-ok.png) no-repeat left center;}
.altlinkler ul li:hover a{color: #d65300;background: url(../images/list-ok-hover.png) no-repeat left center;}

.hizmetlist{padding:20px;}
.hizmetlist h2{font-size:18px;margin:0 0 10px 0;padding: 10px 146px 10px 0;}
.hizmetlist a h2{color:#d65300;}
.hizmetlist a:hover h2{color: #004f94;}
.hizmetlist h2.bir{background:url(../images/bir.png)no-repeat top right;}
.hizmetlist h2.iki{background:url(../images/iki.png)no-repeat top right;}
.hizmetlist h2.uc{background:url(../images/uc.png)no-repeat top right;}
.hizmetlist p{color:#4e4e4e;font-size:13px;margin:0;}
.hizmetlist p a{color:#d65300;}

.belgelerlist{}
.belgelerlist ul{}
.belgelerlist ul li {text-align:center;margin-bottom:10px;}
.belgelerlist ul li:nth-child(2n+1) {margin-left:0}
.belgelerlist ul li:nth-child(2n+2) {margin-right:0}
.belgelerlist ul li a{display: block;padding: 10px;background: #fff;border-radius: 10px;border: 1px solid #ccc;margin: 20px;}
.belgelerlist ul li a img{width:100%;height:auto;}
.belgelerlist ul li:hover a{border-color:#d65300;}

.altbar{background:url(../images/istanbularka.png) no-repeat center top;padding: 115px 0 30px 0;position:relative;}
.altbar .copyright{float: left;color:#a9a9a9;font-size:15px;}
.altbar .designedby {float: right;}

.altkamyon{background:url(../images/altkamyon.png) no-repeat;width:286px;height:111px;position: absolute;top: 5px;right:0;
transform-origin: bottom right;
-webkit-animation: altkamyon 1s 1s ease-out forwards;
animation: altkamyon 1s 1s ease-out forwards;
-webkit-animation-duration: 15s;
animation-duration: 15s;
}

@-webkit-keyframes altkamyon {
    100% {
        right: 77%;
    }
}
@keyframes altkamyon {
    100% {
        right: 77%;
    }
}

.daralt20{padding:0 20px 20px 20px;}
.icerik{}
.icerik h1{font-size:30px;margin:0 0 15px 0;line-height: 35px;color: #004f94;}
.icerik h2{font-size:26px;margin:0 0 10px 0;line-height: 30px;}
.icerik h3{font-size:22px;margin:0 0 5px 0;line-height: 25px;}
.icerik h4{font-size:18px;margin:0 0 5px 0}
.icerik h5{font-size:16px;margin:0 0 5px 0; color:#004f94;}
.icerik h5 a{font-size:16px;margin:0 0 10px 0;line-height: 35px;color: #004f94;}
.icerik h6{font-size:14px;margin:0 0 5px 0}
.icerik p{font-size: 14px;line-height: 20px;color: #000;margin: 0 0 10px 0;}
.icerik p a{font-size: 14px;line-height: 20px; color:#d65300; margin: 0 0 10px 0;}
.icerik span {font-size: 11px; line-height: 20px; color:#d65300; }

.iletisimsayfasi{}
.iletisimsayfasi iframe{padding: 10px;background: #fff;border-radius: 10px;border: 1px solid #ccc;margin-bottom:15px;}
.iletisimsayfasi p{text-align:left}

.kariyer form{width:100%;float: left;}
.kariyer input[type="text"],
.kariyer select,
.kariyer textarea {width: 100%;padding: 2% 4% 2% 4%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background: #fff;border: none;height: 40px;box-shadow: inset 0px 0px 10px #969696;margin-bottom: 10px;}
.kariyer textarea{height:150px;}
.kariyer select{padding: 2% 4% 2% 4%;}
.kariyer input[type="submit"]{float: right;border: none;padding: 6px 20px;font-size: 18px;font-weight: 600;color: #fff;border-radius: 5px;background:#fc7824;box-shadow: inset 0px 0px 10px #EE5D00;}
.kariyer input[type="submit"]:hover{background: #EE5D00;box-shadow: inset 0px 0px 10px #FF7218;}
.kariyer label{color: #004f94;font-size: 16px;line-height: 30px;width: 100%;}


* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
nav {display: block;background: black;position: relative;min-height: 40px;}
nav, nav a {color: white;text-decoration: none;}
nav a {display: block;padding: 10px;}
nav a:hover {background: gray;}
nav ul {padding:0;margin: 0;}
nav ul li {float:left;display:inline;position:relative;background: #505050;border-right: 1px solid white;}
nav ul li ul {left:0;top:100%;}
nav ul ul {display:none;}
nav li:hover > ul {display:block;position:absolute;z-index:1000;width: 120px;}
nav ul ul li:hover > ul {right: -120px;top: 0;left: auto;}
nav > input,
nav > label {display: none;}
nav > label {width: 100%;float: left;padding: 10px;padding-right: 0;cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}





/*Media query*/
@media (max-width: 400px) {
    
}


	
/********************************************************************************************* 

Uygulama Stilleri

*********************************************************************************************/  
.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1}
.bx-wrapper img{max-width:100%;display:block}
.bx-wrapper .bx-viewport{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:solid #fff 5px;left:-5px;background:#fff}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000}
.bx-wrapper .bx-prev{left:10px;background:url(../images/bx_controls.png) no-repeat 0 -32px}
.bx-wrapper .bx-next{right:10px;background:url(../images/bx_controls.png) no-repeat -43px -32px}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../images/bx_controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../images/bx_controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/********************************************************************************************* 

2.  960px Grid Sistemi (Notebook) 960px genişlik için tasarım - Normal Ekran Stiller

*********************************************************************************************/  

@media only screen and (min-width: 960px) and (max-width: 1199px) {

.hizmetlist h2.bir,
.hizmetlist h2.iki,
.hizmetlist h2.uc{background-position: top center;}
.hizmetlist h2 {padding: 70px 0 0 0;}

.iletisim {background: url(../images/gulusunuyidim.png)no-repeat right top;padding: 0;min-height: 130px;}
.iletisim h3 {color: #d65300;font-size: 18px;margin: 0 0 70px 0;padding-top: 45px;}
.iletisim p {color: #4e4e4e;font-size: 15px;margin: 0 0 5px 0;}

.anamenu ul li{ margin-right: 0px; }
.anamenu ul li a{ padding: 15px 12px 10px 12px; }

@-webkit-keyframes altkamyon {
    100% {
        right: 70%;
    }
}
@keyframes altkamyon {
    100% {
        right: 70%;
    }
} 
}
	

/********************************************************************************************* 

3.  720px Grid Sistemi (Tablet) 720px genişlik için tasarım - Tablet Ekran Stiller

*********************************************************************************************/ 

@media only screen and (min-width: 720px) and (max-width: 959px) {
.anamenu ul li{ margin-right: 0px; }
.anamenu ul li a{ padding: 15px 4px 10px 4px; }
.lang{ margin-left: 4px; }
.lang a{ font-size: 13px; }
.sorgulama_ackapa { padding: 0; }
.ackapa {background: none; padding: 10px 6px 10px 6px; font-size: 13px; }


.telefon {color: #FFFFFF;float: right;margin: 30px 15px 10px 0;text-shadow: 3px 1px 6px #973B00;}
.logobar {margin-bottom: -10px;}
.kargolar{display:none;}
.arkadunya{display:none;}
.kamyon {background: url(../images/kamyon_kucuk.png)no-repeat;width: 250px;height: 136px;float: right;}
.engin16 .engin06.asd{width: 510px;}
.sorgulama input[type="submit"] {float: none;width: 100%;padding: 10px 20px;}
.icsayfa .sorgulama_ackapa {position: fixed;right: -145px;top: 70px;border-radius: 5px;}
.icsayfa .sorgulama_ackapa:hover {right: 0px;border-radius: 5px 0 0 5px;}
.hakkimizda {display:none;margin-top: 0;position: relative;padding: 0 20px 20px 20px;}
.hakkimizdatablet{display:block!important;}
.hizmetlist h2 {padding: 75px 0 10px 0;}

.iletisim {background: url(../images/gulusunuyidim.png)no-repeat right top;padding: 0;min-height: 130px;}
.iletisim h3 {color: #d65300;font-size: 18px;margin: 0 0 5px 0;padding-top: 135px;}
.iletisim p {color: #4e4e4e;font-size: 15px;margin: 0 0 5px 0;}

.altbar{background:url(../images/istanbularka_kucuk.png) no-repeat center top;}
@-webkit-keyframes altkamyon {
    100% {
        right: 60%;
    }
}
@keyframes altkamyon {
    100% {
        right: 60%;
    }
} 

}
 
 

/********************************************************************************************* 

4.  720px den küçük Mobil (Mobil) 720px - 0 genişlik için tasarım - Mobil Ekran Stiller

*********************************************************************************************/ 

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

#arka_beyaz {height: 270px;}
#arka_turuncu {}
#arka_turuncu:before {display:none;}
#arka_turuncu:after {display:none;}
#arka_gri {display: none;}
#arka_gri:before {display:none;}
#arka_gri:after {display:none;}

#normalsorgu{display:none;}
#mobilsorgu{display:block;}

.anamenu { margin-bottom: 6px; clear: both; width: 100%; }
.anamenu ul li {margin-right: 0;width:25%;}
.anamenu ul li a{padding: 15px 0 10px 0;text-align:center;}
.anamenu ul li:hover a {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.anamenu ul li ul li a {text-align: left;}
 

.logo {margin: 20px auto;float: none;}
.logobar {margin-bottom: 50px;margin-top: 30px;}
.icsayfa .logobar {margin-bottom: 50px;}
.telefon {text-align: center;float: none;margin: 10px auto;}
.kamyon {display:none;}
.kargolar{display:none;}
.arkadunya{display:none;}
.hakkimizda {margin-top: 0;margin-bottom: 20px;padding: 20px;}
.iletisim {padding: 0 60px 0 20px;}
.sorgulama {padding: 20px 20px 20px 20px;border-radius: 5px;margin: -20px 20px 20px 20px;}
.sorgulama h3{float: left;}
.sorgulama input[type="submit"] {float: none;width: 100%;padding: 10px 20px;}
.icsayfa .sorgulama_ackapa {position: fixed;right: -145px;top: 70px;border-radius: 5px;}
.icsayfa .sorgulama_ackapa:hover {right: 0px;border-radius: 5px 0 0 5px;}
.slayt ul li a img {margin: 0 auto;}

.altlinkler {padding: 0 20px;}

.hizmetlist h2.bir,
.hizmetlist h2.iki,
.hizmetlist h2.uc{background-position: top left;}
.hizmetlist h2 {padding: 25px 0 20px 135px;}

.altkamyon{background:url(../images/altkamyon_kucuk.png) no-repeat;width:120px;height:47px;top: 50px;
transform-origin: bottom right;
-webkit-animation: altkamyon 1s 1s ease-out forwards;
animation: altkamyon 1s 1s ease-out forwards;
-webkit-animation-duration: 15s;
animation-duration: 15s;
}
@-webkit-keyframes altkamyon {
    100% {
        right: 25%;
    }
}
@keyframes altkamyon {
    100% {
        right: 25%;
    }
} 

}

@media only screen and (max-width: 460px) {
.sorgulama_ackapa{padding-left: 0px; }
.anamenu ul li {width: 50%; margin-right: 0px;}
.anamenu ul li a{ padding: 15px 4px 10px 4px; font-size: 14px; }
.lang{ margin-left: 4px; }
.lang a{ font-size: 14px; }
.ackapa {background: none; padding: 10px 6px 10px 6px; font-size: 14px; }

#arka_turuncu {height: 160px;}
#arka_beyaz {height: 370px;}
}