body{padding:0;margin:0;border:none;}
ul{padding:0;margin:0;}
li{list-style-type: none;}
a{text-decoration:none !important;color:#333333;}
a:hover{text-decoration:none !important;color:#333333;}
button{outline:0 !important;}

.menu ul li{display: inline-block;padding: 12px;}
.menu ul li a:hover{color:#215c71;}
.menu{position: absolute; z-index: 99; left: 0; right: 0;}

.top{margin-top:30px;}
p{font-size: 1.2em;margin:0;}
.container{padding:0;}
.baslik{padding-bottom: 10px;margin-bottom: 16px;border-bottom: 1px solid black;}
.icerikler{background:#fdfdfd;padding: 30px 0;overflow:hidden;}

.nasilcalisir{padding:0;}
.nasilcalisir div.img{    background: #fdfdfd; margin-bottom: 30px;}

.nakliyeihalesi{padding:0;}
.nakliyeihalesi div:hover{transform: translateY(-15px);}
.nakliyeihalesi div:hover i{bottom: -20px;}
.nakliyeihalesi div{transition: all .2s;cursor:pointer;}
.nakliyeihalesi div i{transition: all .1s;font-size: 26px;position: absolute; left: 0; right: 0; bottom: -100px;}

.yardimciaraclar{padding:0;}
.yardimciaraclar .img{line-height: 180px;text-align: center;padding: 0;}
.yardimciaraclar .img img{width: 138px;}
.yardimciaraclar .y{cursor:pointer !important;transition: all .2s; background: url(../images/foot.png);background-repeat: no-repeat;background-size: contain;background-position: right;}
.yardimciaraclar .y:after{content: '';background: #fdfdfd;height: 100%;width: 100%; position: absolute;left: 0;z-index: -5;}
.yardimciaraclar .col-lg-6{margin-bottom:30px;}
.yardimciaraclar .y:hover{cursor:pointer !important;box-shadow: 0px 17px 19px -24px #333333;}
.yardimciaraclar .yaziyardimci{padding: 35px 0;}

.fiyatteklifial{padding:0;}
.fiyatteklifial .img{line-height: 180px;text-align: center;padding: 0;}
.fiyatteklifial .y{cursor:pointer !important;transition: all .2s; background: url(../images/foot.png);background-repeat: no-repeat;background-size: contain;background-position: right;}
.fiyatteklifial .y:after{content: '';background: #fdfdfd;height: 100%;width: 100%; position: absolute;left: 0;z-index: -5;}
.fiyatteklifial .col-lg-6{margin-bottom:30px;}
.fiyatteklifial .y:hover{cursor:pointer !important;box-shadow: 0px 17px 19px -24px #333333;}
.fiyatteklifial .yaziyardimci{padding: 35px 0;}

.musterimemnuniyet{height:350px;}
.musterimemnuniyet .img{height:100%;background:url(../images/yorumlar.jpg);background-repeat: no-repeat;background-size:cover;}
.musterimemnuniyet h3{margin-top: 0;color: #00902f;padding-bottom: 10px;margin-bottom: 16px;border-bottom: 1px solid black;}
.musterimemnuniyet .text{  height: 100%; padding:50px 18px;}

.footer{background: url(../images/back.png);}
.footer h4{border-bottom: 1px solid black;padding-bottom:10px;}
.footer .social{font-size:23px;position: relative;top:2px;}
.footer img{width: 80px}
.footer .social i{font-size: 25px;border: 1px solid black;padding: 15px 0;width: 60px;text-align: center;}
.footer ul li p:hover{transform: translateX(15px);}
.footer ul li p{transition: all .2s}

.ebulten .inp{    margin-top: 5px;}
.ebulten .inp input{    height: 54px;}
.ebulten .inp button{    padding: 16px;}

.sayfaici {padding: 50px 0;}
.sayfaici h3{margin-top:0;}
.sayfaici i{font-size: 12px;}

.ana:before{content: ''; background: url(../images/backana.png); position: relative; top: 0; right:0; height: 100%; width: 100%; background-size:100%; background-repeat:no-repeat; }
.ana{position: relative;border-bottom: 5px solid #215c71;overflow: hidden;padding:0;height: 142px;background: none;}

.tabul{position: relative;display: inline-block; background: #fdfdfd; height: 60px; width: 100px;padding: 10px;}
.tabul:hover .popoverul{display:table;}
.tabul div{    margin: 0 auto;}
.popoverul{display: none; margin: 0 auto; position: absolute; left: 0; right: 0; width: 100px; height: 60px; line-height: 60px; top: 0; background: #fdfdfde0;} 
.popoverul li{    display: table-cell; text-align: center; vertical-align: middle;} 
.popoverul li i{font-size:14px;cursor:pointer;}
.popoverul li.number{width: 22px}

.iletisim h5{    background: #215c71;transition: all .2s; line-height: 36px; padding: 0 10px; overflow: hidden; position: relative; color: white;}
.iletisim h5:after{  transition: all .2s;  content: ''; background: #5bc0de; height: 40px; width: 40px; position: absolute; right: 0; box-shadow: 0px 0px 28px 1px black;}
.iletisim h5:hover:after{content: ''; background: #5bc0de; height: 40px; width: 90px; position: absolute; right: 0; box-shadow: 0px 0px 28px 1px black;}

.in1 {background:url(../images/hacim.png); top: 17px; left: 14px; background-position: 0px -6px; width: 56px; height: 45px; }
.in2 {background:url(../images/hacim.png); top: 17px; left: 71px; background-position: -65px -6px; width: 65px; height: 45px; }
.in3 {background:url(../images/hacim.png); top: 17px; left: 137px; background-position: -137px -6px; width: 60px; height: 45px; }
.in4 {background:url(../images/hacim.png); top: 17px; left: 219px; background-position: -208px -6px; width: 65px; height: 45px; }
.in5 {background:url(../images/hacim.png); top: 17px; left: 305px; background-position: -292px -6px; width: 65px; height: 45px; }
.in6 {background:url(../images/hacim.png); top: 17px; left: 393px; background-position: -382px -6px; width: 65px; height: 45px; }
.in7 {background:url(../images/hacim.png); top: 23px; left: 473px; background-position: -467px -6px; width: 65px; height: 45px; }
.in8 {background:url(../images/hacim.png); top: 24px; left: 546px; background-position: -532px -6px; width: 65px; height: 45px; }
.in9 {background:url(../images/hacim.png); top: 23px; left: 620px; background-position: -614px 0px; width: 58px; height: 45px; }
.in10 {background:url(../images/hacim.png); top: 78px; left: 14px; background-position: 0px -70px; width: 49px; height: 45px; }
.in11 {background:url(../images/hacim.png); top: 81px; left: 78px; background-position: -65px -70px; width: 65px; height: 45px; }
.in12 {background:url(../images/hacim.png); top: 86px; left: 158px; background-position: -144px -70px; width: 51px; height: 40px; }
.in13 {background:url(../images/hacim.png); top: 87px; left: 227px; background-position: -216px -70px; width: 65px; height: 40px; }
.in14 {background:url(../images/hacim.png); top: 82px; left: 314px; background-position: -301px -70px; width: 65px; height: 45px; }
.in15 {background:url(../images/hacim.png); top: 84px; left: 398px; background-position: -386px -72px; width: 41px; height: 45px; }
.in16 {background:url(../images/hacim.png); top: 83px; left: 451px; background-position: -434px -70px; width: 48px; height: 45px; }
.in17 {background:url(../images/hacim.png); top: 88px; left: 511px; background-position: -494px -78px; width: 65px; height: 35px; }
.in18 {background:url(../images/hacim.png); top: 83px; left: 588px; background-position: -570px -70px; width: 46px; height: 45px; }
.in19 {background:url(../images/hacim.png); top: 83px; left: 644px; background-position: -624px -70px; width: 46px; height: 45px; }
.in20 {background:url(../images/hacim.png); top: 150px; left: 14px; background-position: 0px -137px; width: 46px; height: 43px; }
.in21 {background:url(../images/hacim.png); top: 150px; left: 77px; background-position: -53px -137px; width: 51px; height: 43px; }
.in22 {background:url(../images/hacim.png); top: 153px; left: 143px; background-position: -124px -137px; width: 56px; height: 45px; }
.in23 {background:url(../images/hacim.png); top: 150px; left: 210px; background-position: -195px -135px; width: 43px; height: 46px; }
.in24 {background:url(../images/hacim.png); top: 163px; left: 261px; background-position: -246px -148px; width: 67px; height: 32px; }
.in25 {background:url(../images/hacim.png); top: 150px; left: 330px; background-position: -320px -137px; width: 40px; height: 47px; }
.in26 {background:url(../images/hacim.png); top: 154px; left: 381px; background-position: -365px -141px; width: 47px; height: 43px; }
.in27 {background:url(../images/hacim.png); top: 156px; left: 440px; background-position: -427px -141px; width: 50px; height: 43px; }
.in28 {background:url(../images/hacim.png); top: 154px; left: 506px; background-position: -493px -141px; width: 60px; height: 42px; }
.in29 {background:url(../images/hacim.png); top: 153px; left: 580px; background-position: -561px -142px; width: 41px; height: 42px; }
.in30 {background:url(../images/hacim.png); top: 154px; left: 633px; background-position: -616px -141px; width: 54px; height: 43px; }

.in31 {background:url(../images/hacim2.png); top: 23px; left: 28px; background-position: 0px -6px; width: 60px; height: 50px; }
.in32 {background:url(../images/hacim2.png); top: 21px; left: 110px; background-position: -74px -4px; width: 60px; height: 50px; }
.in33 {background:url(../images/hacim2.png); top: 15px; left: 185px; background-position: -148px -10px; width: 60px; height: 58px; }
.in34 {background:url(../images/hacim2.png); top: 17px; left: 268px; background-position: -218px -6px; width: 60px; height: 50px; }
.in35 {background:url(../images/hacim2.png); top: 17px; left: 350px; background-position: -285px -6px; width: 60px; height: 50px; }
.in36 {background:url(../images/hacim2.png); top: 17px; left: 433px; background-position: -357px -6px; width: 60px; height: 50px; }
.in37 {background:url(../images/hacim2.png); top: 23px; left: 507px; background-position: -429px -4px; width: 51px; height: 47px; }
.in38 {background:url(../images/hacim2.png); top: 23px; left: 570px; background-position: -487px -10px; width: 54px; height: 46px; }
.in39 {background:url(../images/hacim2.png); top: 22px; left: 633px; background-position: -556px -5px; width: 55px; height: 50px; }
.in40 {background:url(../images/hacim2.png); top: 79px; left: 22px; background-position: -619px -6px; width: 48px; height: 49px; }
.in41 {background:url(../images/hacim2.png); top: 78px; left: 96px; background-position: 0px -64px; width: 41px; height: 51px; }
.in42 {background:url(../images/hacim2.png); top: 84px; left: 156px; background-position: -56px -74px; width: 67px; height: 43px; }
.in43 {background:url(../images/hacim2.png); top: 87px; left: 239px; background-position: -122px -78px; width: 51px; height: 38px; }
.in44 {background:url(../images/hacim2.png); top: 78px; left: 305px; background-position: -180px -79px; width: 60px; height: 45px; }
.in45 {background:url(../images/hacim2.png); top: 82px; left: 371px; background-position: -245px -78px; width: 60px; height: 45px; }
.in46 {background:url(../images/hacim2.png); top: 87px; left: 436px; background-position: -307px -82px; width: 67px; height: 40px; }
.in47 {background:url(../images/hacim2.png); top: 80px; left: 504px; background-position: -382px -74px; width: 52px; height: 48px; }
.in48 {background:url(../images/hacim2.png); top: 90px; left: 561px; background-position: -435px -82px; width: 65px; height: 34px; }
.in49 {background:url(../images/hacim2.png); top: 84px; left: 633px; background-position: -504px -72px; width: 50px; height: 45px; }
.in50 {background:url(../images/hacim2.png); top: 145px; left: 16px; background-position: -561px -72px; width: 65px; height: 45px; }
.in51 {background:url(../images/hacim2.png); top: 143px; left: 93px; background-position: -631px -71px; width: 42px; height: 50px; }
.in52 {background:url(../images/hacim2.png); top: 145px; left: 149px; background-position: 10px -142px; width: 50px; height: 44px; }
.in53 {background:url(../images/hacim2.png); top: 149px; left: 205px; background-position: -49px -145px; width: 48px; height: 41px; }
.in54 {background:url(../images/hacim2.png); top: 147px; left: 268px; background-position: -114px -141px; width: 43px; height: 45px; }
.in55 {background:url(../images/hacim2.png); top: 152px; left: 326px; background-position: -169px -149px; width: 62px; height: 37px; }

.in56 {background:url(../images/hacim.png); top: 17px; left: 14px; background-position: 0px -6px; width: 56px; height: 45px; }
.in57 {background:url(../images/hacim.png); top: 17px; left: 71px; background-position: -65px -6px; width: 65px; height: 45px; }
.in58 {background:url(../images/hacim.png); top: 17px; left: 137px; background-position: -137px -6px; width: 60px; height: 45px; }
.in59 {background:url(../images/hacim.png); top: 17px; left: 219px; background-position: -208px -6px; width: 65px; height: 45px; }
.in60 {background:url(../images/hacim.png); top: 17px; left: 305px; background-position: -292px -6px; width: 65px; height: 45px; }
.in61 {background:url(../images/hacim.png); top: 17px; left: 393px; background-position: -382px -6px; width: 65px; height: 45px; }
.in62 {background:url(../images/hacim.png); top: 23px; left: 473px; background-position: -467px -6px; width: 65px; height: 45px; }
.in63 {background:url(../images/hacim.png); top: 24px; left: 546px; background-position: -532px -6px; width: 65px; height: 45px; }
.in64 {background:url(../images/hacim.png); top: 23px; left: 620px; background-position: -614px 0px; width: 58px; height: 45px; }
.in65 {background:url(../images/hacim.png); top: 78px; left: 14px; background-position: 0px -70px; width: 49px; height: 45px; }
.in66 {background:url(../images/hacim.png); top: 81px; left: 78px; background-position: -65px -70px; width: 65px; height: 45px; }
.in67 {background:url(../images/hacim.png); top: 86px; left: 158px; background-position: -144px -70px; width: 51px; height: 40px; }
.in68 {background:url(../images/hacim.png); top: 87px; left: 227px; background-position: -216px -70px; width: 65px; height: 40px; }
.in69 {background:url(../images/hacim.png); top: 82px; left: 314px; background-position: -301px -70px; width: 65px; height: 45px; }
.in70 {background:url(../images/hacim.png); top: 84px; left: 398px; background-position: -386px -72px; width: 41px; height: 45px; }
.in71 {background:url(../images/hacim.png); top: 83px; left: 451px; background-position: -434px -70px; width: 48px; height: 45px; }
.in72 {background:url(../images/hacim.png); top: 88px; left: 511px; background-position: -494px -78px; width: 65px; height: 35px; }
.in73 {background:url(../images/hacim.png); top: 83px; left: 588px; background-position: -570px -70px; width: 46px; height: 45px; }
.in74 {background:url(../images/hacim.png); top: 83px; left: 644px; background-position: -624px -70px; width: 46px; height: 45px; }
.in75 {background:url(../images/hacim.png); top: 150px; left: 14px; background-position: 0px -137px; width: 46px; height: 43px; }
.in76 {background:url(../images/hacim.png); top: 150px; left: 77px; background-position: -53px -137px; width: 51px; height: 43px; }
.in77 {background:url(../images/hacim.png); top: 153px; left: 143px; background-position: -124px -137px; width: 56px; height: 45px; }
.in78 {background:url(../images/hacim.png); top: 150px; left: 210px; background-position: -195px -135px; width: 43px; height: 46px; }
.in79 {background:url(../images/hacim.png); top: 163px; left: 261px; background-position: -246px -148px; width: 67px; height: 32px; }
.in80 {background:url(../images/hacim.png); top: 150px; left: 330px; background-position: -320px -137px; width: 40px; height: 47px; }
.in81 {background:url(../images/hacim.png); top: 154px; left: 381px; background-position: -365px -141px; width: 47px; height: 43px; }
.in82 {background:url(../images/hacim.png); top: 156px; left: 440px; background-position: -427px -141px; width: 50px; height: 43px; }
.in83 {background:url(../images/hacim.png); top: 154px; left: 506px; background-position: -493px -141px; width: 60px; height: 42px; }
.in84 {background:url(../images/hacim.png); top: 153px; left: 580px; background-position: -561px -142px; width: 41px; height: 42px; }
.in85 {background:url(../images/hacim.png); top: 154px; left: 633px; background-position: -616px -141px; width: 54px; height: 43px; }

.in86 {background:url(../images/hacim3.png); top: 22px; left: 12px; background-position: -1px -3px; width: 53px; height: 41px; }
.in87 {background:url(../images/hacim3.png); top: 17px; left: 74px; background-position: -61px 0px; width: 59px; height: 47px; }
.in88 {background:url(../images/hacim3.png); top: 17px; left: 143px; background-position: -131px 0px; width: 54px; height: 48px; }
.in89 {background:url(../images/hacim3.png); top: 21px; left: 199px; background-position: -191px 0px; width: 50px; height: 46px; }
.in90 {background:url(../images/hacim3.png); top: 22px; left: 252px; background-position: -244px 0px; width: 50px; height: 45px; }
.in91 {background:url(../images/hacim3.png); top: 26px; left: 310px; background-position: -307px -4px; width: 58px; height: 40px; }
.in92 {background:url(../images/hacim3.png); top: 24px; left: 386px; background-position: -379px -4px; width: 58px; height: 46px; }
.in93 {background:url(../images/hacim3.png); top: 24px; left: 459px; background-position: -451px -3px; width: 54px; height: 47px; }
.in94 {background:url(../images/hacim3.png); top: 26px; left: 530px; background-position: -517px -4px; width: 67px; height: 41px; }
.in95 {background:url(../images/hacim3.png); top: 34px; left: 614px; background-position: -601px -10px; width: 68px; height: 35px; }
.in96 {background:url(../images/hacim3.png); top: 88px; left: 17px; background-position: 0px -70px; width: 61px; height: 41px; }
.in97 {background:url(../images/hacim3.png); top: 84px; left: 97px; background-position: -81px -70px; width: 60px; height: 49px; }
.in98 {background:url(../images/hacim3.png); top: 90px; left: 164px; background-position: -154px -74px; width: 55px; height: 43px; }
.in99 {background:url(../images/hacim3.png); top: 89px; left: 234px; background-position: -218px -74px; width: 60px; height: 41px; }
.in100 {background:url(../images/hacim3.png); top: 97px; left: 301px; background-position: -288px -76px; width: 64px; height: 36px; }
.in101 {background:url(../images/hacim3.png); top: 85px; left: 373px; background-position: -358px -67px; width: 45px; height: 51px; }
.in102 {background:url(../images/hacim3.png); top: 88px; left: 433px; background-position: -413px -67px; width: 75px; height: 48px; }
.in103 {background:url(../images/hacim3.png); top: 85px; left: 518px; background-position: -500px -68px; width: 45px; height: 50px; }
.in104 {background:url(../images/hacim3.png); top: 85px; left: 570px; background-position: -553px -64px; width: 50px; height: 52px; }
.in105 {background:url(../images/hacim3.png); top: 100px; left: 630px; background-position: -619px -80px; width: 55px; height: 33px; }
.in106 {background:url(../images/hacim3.png); top: 150px; left: 15px; background-position: 0px -136px; width: 47px; height: 48px; }
.in107 {background:url(../images/hacim3.png); top: 149px; left: 70px; background-position: -59px -136px; width: 42px; height: 50px; }
.in108 {background:url(../images/hacim3.png); top: 152px; left: 116px; background-position: -109px -141px; width: 40px; height: 47px; }
.in109 {background:url(../images/hacim3.png); top: 164px; left: 155px; background-position: -151px -146px; width: 59px; height: 33px; }
.in110 {background:url(../images/hacim3.png); top: 153px; left: 223px; background-position: -216px -144px; width: 72px; height: 39px; }
.in111 {background:url(../images/hacim3.png); top: 149px; left: 306px; background-position: -298px -141px; width: 72px; height: 42px; }
.in112 {background:url(../images/hacim3.png); top: 145px; left: 384px; background-position: -372px -137px; width: 49px; height: 46px; }
.in113 {background:url(../images/hacim3.png); top: 159px; left: 439px; background-position: -427px -146px; width: 65px; height: 34px; }
.in114 {background:url(../images/hacim3.png); top: 153px; left: 513px; background-position: -503px -135px; width: 62px; height: 48px; }
.in115 {background:url(../images/hacim3.png); top: 154px; left: 583px; background-position: -570px -138px; width: 47px; height: 45px; }

.in116 {background:url(../images/hacim4.png); top: 21px; left: 14px; background-position: 8px 0px; width: 42px; height: 45px; }
.in117 {background:url(../images/hacim4.png); top: 17px; left: 66px; background-position: -45px 4px; width: 40px; height: 53px; }
.in118 {background:url(../images/hacim4.png); top: 21px; left: 120px; background-position: -98px 0px; width: 45px; height: 45px; }
.in119 {background:url(../images/hacim4.png); top: 19px; left: 178px; background-position: -155px 0px; width: 45px; height: 49px; }
.in120 {background:url(../images/hacim4.png); top: 20px; left: 244px; background-position: -222px 0px; width: 45px; height: 50px; }
.in121 {background:url(../images/hacim4.png); top: 22px; left: 313px; background-position: -292px -3px; width: 67px; height: 45px; }
.in122 {background:url(../images/hacim4.png); top: 23px; left: 402px; background-position: -375px -2px; width: 67px; height: 44px; }
.in123 {background:url(../images/hacim4.png); top: 24px; left: 474px; background-position: -455px -3px; width: 67px; height: 44px; }
.in124 {background:url(../images/hacim4.png); top: 23px; left: 548px; background-position: -543px -1px; width: 45px; height: 45px; }
.in125 {background:url(../images/hacim4.png); top: 24px; left: 612px; background-position: -607px -4px; width: 62px; height: 43px; }
.in126 {background:url(../images/hacim4.png); top: 90px; left: 13px; background-position: 7px -72px; width: 42px; height: 45px; }
.in127 {background:url(../images/hacim4.png); top: 90px; left: 68px; background-position: -55px -73px; width: 40px; height: 44px; }
.in128 {background:url(../images/hacim4.png); top: 90px; left: 117px; background-position: -97px -76px; width: 38px; height: 42px; }
.in129 {background:url(../images/hacim4.png); top: 90px; left: 173px; background-position: -148px -74px; width: 41px; height: 43px; }
.in130 {background:url(../images/hacim4.png); top: 91px; left: 237px; background-position: -210px -72px; width: 55px; height: 45px; }
.in131 {background:url(../images/hacim4.png); top: 89px; left: 306px; background-position: -285px -72px; width: 49px; height: 45px; }
.in132 {background:url(../images/hacim4.png); top: 90px; left: 366px; background-position: -355px -72px; width: 49px; height: 45px; }
.in133 {background:url(../images/hacim4.png); top: 102px; left: 426px; background-position: -412px -83px; width: 62px; height: 29px; }
.in134 {background:url(../images/hacim4.png); top: 90px; left: 501px; background-position: -486px -72px; width: 62px; height: 45px; }
.in135 {background:url(../images/hacim4.png); top: 84px; left: 575px; background-position: -555px -72px; width: 42px; height: 45px; }
.in136 {background:url(../images/hacim4.png); top: 92px; left: 626px; background-position: -613px -72px; width: 56px; height: 45px; }

.in137 {background:url(../images/hacim5.png); top: 20px; left: 20px; background-position: 7px 6px; width: 45px; height: 50px; }
.in138 {background:url(../images/hacim5.png); top: 20px; left: 84px; background-position: -48px 4px; width: 41px; height: 50px; }
.in139 {background:url(../images/hacim5.png); top: 30px; left: 143px; background-position: -104px -8px; width: 55px; height: 40px; }
.in140 {background:url(../images/hacim5.png); top: 22px; left: 219px; background-position: -172px 0px; width: 39px; height: 48px; }
.in141 {background:url(../images/hacim5.png); top: 21px; left: 279px; background-position: -230px 0px; width: 40px; height: 48px; }
.in142 {background:url(../images/hacim5.png); top: 25px; left: 344px; background-position: -287px 0px; width: 40px; height: 45px; }
.in143 {background:url(../images/hacim5.png); top: 26px; left: 414px; background-position: -355px 0px; width: 39px; height: 46px; }
.in144 {background:url(../images/hacim5.png); top: 28px; left: 481px; background-position: -416px 0px; width: 55px; height: 42px; }

.in145 {background:url(../images/hacim6.png); top: 31px; left: 29px; background-position: 0px -9px; width: 51px; height: 36px; }
.in146 {background:url(../images/hacim6.png); top: 28px; left: 94px; background-position: -64px 0px; width: 43px; height: 46px; }
.in147 {background:url(../images/hacim6.png); top: 26px; left: 154px; background-position: -127px 0px; width: 62px; height: 44px; }
.in148 {background:url(../images/hacim6.png); top: 25px; left: 232px; background-position: -204px 0px; width: 44px; height: 44px; }
.in149 {background:url(../images/hacim6.png); top: 25px; left: 293px; background-position: -258px 0px; width: 49px; height: 44px; }
.in150 {background:url(../images/hacim6.png); top: 24px; left: 360px; background-position: -314px 0px; width: 56px; height: 46px; }
.in151 {background:url(../images/hacim6.png); top: 31px; left: 437px; background-position: -387px -4px; width: 61px; height: 40px; }
.in152 {background:url(../images/hacim6.png); top: 25px; left: 519px; background-position: -471px -4px; width: 57px; height: 46px; }

.mobilmenuac{margin-top: 40px;}
.mobilmenuac i{font-size:35px;}
.menumobil{display:none;position: fixed; background: white; top: 0; height: 100%; width: 100%; left: 0; z-index: 99999;}
.mobilicerikmenu li{border-bottom: 1px solid #dadada;line-height: 48px;}
.menumobil .sol , .menumobil .sag{background: white;color: black;line-height: 80px;}
.menumobil .sag{float:right;}
.menumobil .sol{float:left;}
.menumobil .sag li{font-size: 17px;}
.menumobil .sol img{width: 230px}
#mobilmenuac , #whatsapp{margin-top: 23px;}
#mobilmenuac i , #whatsapp i{font-size:26px;}

.blogicerik{background: #fdfdfd;padding: 20px;    box-shadow: 0px 25px 24px -35px black;}
.blogbuton{padding: 0;margin-top: 13px;}
.blogicerik p{font-size: 14px;}
.blogtam{margin-bottom:20px;}
.blogbuton a:after{content: ''; background: #5bc0de; height: 10px; width: 10px; position: absolute; left: 0; right: 0; top: -4px; z-index: -1; margin: 0 auto; transform: rotate(45deg);}
.blogresim{height: 200px;overflow: hidden;}
.blogresimdetay{height: 400px;overflow: hidden;}
.blogresimdetay:after{content: ''; background: #ffffff2d; height: 100%; width: 100%; position: absolute; left: 0; transform: rotate(45deg);animation:examples 2s linear 0s infinite ;}
@keyframes examples {0%   {left:-1000px; } 100% {left:1000px;} }

.altmenu {position:absolute;background:white;margin-top: 20px;box-shadow: 0px 22px 39px -8px black;display: none}
.altmenu li{display: block !important;padding: 0px !important;border-bottom:1px solid #e8e8e8;cursor:pointer;width: 250px;}
.altmenu li:last-child{border:none;}
.altmenu li:hover{background:#113b4a;}
.altmenu li:hover a{color:white;}
.altmenu li:hover .altalt li a{color:black;}
.altmenu li a:hover{color:#ffffff !important}
.altmenu li a{display:block;padding: 13px 20px !important;}
.altmenu:after{content: ''; position: absolute; background: #123b49; height: 40px; width: 40px; top: -4px; transform: rotate(45deg); z-index: -1; left: 32px;}
.teklifbuton{border-radius: 4px;background: #113b4a;box-shadow: 0px 8px 22px -2px black;}

.mobilaltmenu{background: #f3f3f3;display:none}
.mobilaltmenu li{padding: 0 27px;}

.altalt{display:none;background: #bdbdbd;width: 100%; box-shadow: inset 0px 14px 27px -25px black;}
.altalt li:hover{background:none !important;}
.altalt li:hover a{color:white !important;}
.altalt li{border-bottom:1px solid #a0a0a0 !important;}
.altalt li:last-child{border:none !important;}

.referans li{     display: inline; border-right: 1px solid #7d7d7d; color: white; line-height: 66px; font-size: 15px; padding: 0 22px;}
.referans li:last-child{border:none;}
.loader {border: 5px solid #fff; border-radius: 50%; border-top: 5px solid #ff760f; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; }
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*MD*/
@media (max-width:1199px) and (min-width:991px){
.musterimemnuniyet .text{    padding: 20px 18px;}
}

/*SM*/
@media (max-width:991px) and (min-width:767px){
#mobilmenuac , #whatsapp{margin-top: 49px;}
}

/*XS*/
@media (max-width:767px) and (min-width:0px){
.blogresim{height: 150px}
.blogtam{padding:6px;}
.menu img{width: 200px !important}
.ana:before{background-size: cover;}
.ana{text-align: center;    background-size: 100% !important;    height: 100px !important;  background-position: bottom !important;}
.anayazi{position: absolute !important; margin: 0 auto !important; top: 89px !important; left: 0 !important; padding: 0 !important; right: 0 !important; text-align: center;}
.nakliyeihalesi img{width: 72px}
.nakliyeihalesi div{display: table-cell;width: 4px;}
.nakliyeihalesi div:hover{transform: translateY(-5px);}
.xspadding{padding:0;}
.xscenter{text-align: center !important}
.musterimemnuniyet{height: 208px}
.xstop{margin-top: 350px;}
.musterimemnuniyet .text{padding:11px 0px;}
.yardimciaraclar .yaziyardimci,.fiyatteklifial .yaziyardimci{padding: 31px 0;padding-top: 0;text-align: center;}
.yardimciaraclar .y,.fiyatteklifial .y{background-size: cover !important;overflow: hidden}
.yardimciaraclar .img{line-height: 0 !important}
.fiyatteklifial .img{line-height: 117px !important;}
.sayfaici h3{font-size: 20px;}
.tab-content{    height: 300px;    overflow: scroll;}
.nav-tabs>li{argin-bottom: -1px; display: table-cell; float: none;}
.nav-tabs{ overflow: scroll; white-space: nowrap;}
.nav-tabs::-webkit-scrollbar , .tab-content::-webkit-scrollbar{ display: none; }
}