body,html {font-family: 'Roboto', sans-serif;font-size:14px;overflow-x:hidden;}
ul{padding:0;margin:0;}
li{list-style-type:none;}
label{cursor:inherit;}
.after,.before{position:relative;}
.after:after,.before:before{position:absolute;content:"";}
a{color:inherit;text-decoration:none;display:inline-block;}
span{display:inline-block;}
a:hover{color:inherit;text-decoration: none;}
a:focus, a:hover {color: inherit;text-decoration: none;}
input:-webkit-autofill, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill, 
textarea:-webkit-autofill:focus,
select:-webkit-autofill, 
select:-webkit-autofill:focus {border:none;-webkit-text-fill-color: inherit;-webkit-box-shadow: none;background-color:none;transition: background-color 5000s ease-in-out 0s;}
*:focus,button:focus{outline:none;}
.bg_resim{background-position:center;background-repeat:no-repeat;background-size:contain;display:inline-block;width:100%;} 
textarea{resize:none;}
label{margin:0;} 
.disabled{pointer-events:none;}
.yukari{position: fixed;right: 15px;bottom: 48px;padding: 3px 19px;cursor: pointer;background-color: #5c6062;z-index:99;color:#fff;display:none;}
.yukari:hover{box-shadow: 0 0 11px 0px #b9b7b7;}
.banner h1{font-weight: 700;font-size: 28px;color: #0b5e56;}
#icerik{min-height:700px;position:relative;z-index:5;}
.btn-sm{padding: .09rem .3rem;font-size: .775rem;}
i[class*="icon"]{display:inline-block;}
.page{padding: 60px 0;min-height:407px;}
.altpage{padding:80px 0;min-height:854px;}
#whatsapp_destek {position: fixed;left: 15px;bottom: 15px;z-index: 101;background-color: #30a953;color: #fff;padding: 5px 13px 5px 10px;border-radius: 24px;box-shadow: 0 0 10px rgba(70,70,70,.67);font-size: 14px;line-height: 29px;letter-spacing: .9px;transition-duration:.5s;}
#whatsapp_destek i {font-size: 23px;float: left;margin: 3px 6px;}
#whatsapp_destek:hover{transform:translateY(-10px);}

.owl-theme .owl-nav{margin:0;    position: absolute;
    top: 40%;display:flex;
    justify-content: space-between;
    padding: 0 10px;
    width:100%;
}
.owl-carousel.owl-theme .owl-nav [class*='owl-']:first-child{    transform: rotate(180deg);}
.owl-carousel.owl-theme .owl-nav [class*='owl-']{padding: 9px 7px 2px;    background: #f8bc26;}



.cerez_uyari{position: fixed;display:none;bottom: -85px;left: 15px; right:15px; background-color: #52565a;color: white;z-index:102;padding-right:20px;}
.cerez_uyari p{margin: 0;letter-spacing: .7px;line-height: 20px;font-size:14px;color: #cacaca;text-align:center;padding:8px 0;}
.cerez_uyari p a{color:#fff;}
.cerez_uyari p a:hover{text-decoration:underline;}
.cerez_uyari img{position: absolute;right: 0;top: 0;cursor:pointer;font-size: 15px;margin:8px;}

.baslik2{background-color: #f8bc26;
padding: 2px 10px;
font-weight: 600;
font-size: 17px;
margin-bottom: 3px;}

.baslik{display: flex;align-items: center;}
.baslik i{margin-right:11px;}
.baslik span{font-weight: 600;font-size: 20px;}

.icon724{background: url('/images/ikonlar.png') no-repeat -290px -133px;background-size: 338px 279px;width: 32px;height: 35px; }
.iconplatform {background: url('/images/ikonlar.png') no-repeat -11px -11px;background-size: 338px 279px;width: 66px;height: 64px;}
.iconvinc {background: url('/images/ikonlar.png') no-repeat -106px -13px;background-size: 338px 279px;width: 66px;height: 61px;}
.iconforklift {background: url('/images/ikonlar.png') no-repeat -191px -28px;background-size: 338px 279px;width: 69px;height: 48px;}
.iconcekici {background: url('/images/ikonlar.png') no-repeat -262px -33px;background-size: 338px 279px;width: 70px;height: 35px;}
.icon-n-uzman{background: url('/images/ikonlar.png') no-repeat -13px -181px;background-size: 338px 279px;width: 45px;height: 56px;}
.icon-n-guven{background: url('/images/ikonlar.png') no-repeat -83px -181px;background-size: 338px 279px;width: 45px;height: 56px;}
.icon-n-mutlumstri{background: url('/images/ikonlar.png') no-repeat -149px -185px;background-size: 338px 279px;width: 46px;height: 47px;}
.icon-n-hizlikaliteli{background: url('/images/ikonlar.png') no-repeat -213px -191px;background-size: 338px 279px;width: 45px;height: 46px;}
.iconnedenbiz{background: url('/images/ikonlar.png') no-repeat -292px -95px;background-size: 338px 279px;width: 36px;height: 31px;}
.iconiletisim{background: url('/images/ikonlar.png') no-repeat -292px -243px;background-size: 338px 279px;width: 33px;height: 30px;}
.icongaleri{background: url('/images/ikonlar.png') no-repeat -292px -180px;background-size: 338px 279px;width: 32px;height: 23px;}
.iconarrow{	background: url('/images/ikonlar.png') no-repeat -301px -207px;
	background-size: 338px 279px;
	width: 11px;
	height: 27px;}




header{background: linear-gradient(45deg, transparent, #173042);position: relative;z-index: 6;}
header .social{float:right;margin-top:0;}
header .headerRight{justify-content: space-between;display: flex;flex-direction: column;height:100%;}
header .headerIletisim{color:#fff;justify-content: flex-end;}
header .headerIletisim > .d-flex{width: 244px;}


header .logo{display: flex;flex-direction: column;margin-top:-13px;align-items: center;justify-content: center;}

header nav{position:relative;margin-left:25px;}
header nav:before{height: 100%;background-color: #f8f9fa;width: 2000px;left: -26px;transform: skewX(-37deg);z-index:1;}
header nav .navbar-nav{width:100%;justify-content:space-between;position:relative;z-index:5;}
header nav .navbar-nav .nav-link{color: rgb(29, 29, 27) !important;font-weight: 500;}
header nav .navbar-nav .active.nav-link{color: rgb(179, 14, 9) !important;}






#page_home{}
#page_home h1{font-size: 47px;color: #fff;font-weight: 900;}
#page_home p{color: #dadada; font-size: 17px; }
#page_home .linkler{display:flex;justify-content:center;}
#page_home .linkler a{ margin:0 6px;color: #fff;width:145px;border-radius:5px;padding: 6px 15px;}
#page_home .linkler a:nth-child(1){background-color:#b30e09;}
#page_home .linkler a:nth-child(2){background-color:#30a953;}

#page_hizmetlerimiz .hizmetler{text-align:center;color:#494949;cursor:default;}
#page_hizmetlerimiz .hizmetler i{height:62px;}
#page_hizmetlerimiz .hizmetler i.t-forklift{transform: translateY(18px);}
#page_hizmetlerimiz .hizmetler i.t-cekme{transform: translateY(32px);}
#page_hizmetlerimiz .hizmetler label{width: 100%;font-size: 19px;font-weight: 500;margin: 7px 0;}
#page_hizmetlerimiz .hizmetler p{color: #868686;font-size: 13px;}


#page_nedenbiz .neden {cursor:default;}
#page_nedenbiz .neden i{float:left;margin: 29px 15px 15px 0;}
#page_nedenbiz .neden p{}
#page_nedenbiz .neden p label{font-size: 20px;color: #b30e0a;font-weight: 600;}

#page_araclar{background-position:bottom center;}
.arac{border: 1px solid #f7f7f7;padding: 2px;display: inline-block;width: 100%;}
.arac a{width:100%;}
.arac .bg_resim{height: 175px;opacity: .8;background-size: cover;}
.arac .link{display: flex;justify-content: space-around;margin: 20px 2px;}
.arac label{font-weight: 600;font-size: 17px; padding: 0 8px;background-color: #f8bc26;}
.arac a.detay{background-color: #1d1d1b;color: #fff;width: auto;padding: 3px 12px;}
.arac:hover{border-color: #b30e0a;}
.arac:hover .bg_resim{opacity:1;}



#page_slogan{height: 747px;background-position: center;text-align: center;padding-top: 206px;font-size: 34px;font-weight: 800;color: #5e4117;}

footer{background:#eee;}
footer .line{height: 12px;background-color: #f8bc26;}
footer .logo + p{text-align: justify;font-size: 13px;padding-top: 5px;color: #7d7d7d;}
footer .links{color: #b40e0b;font-weight: 700;margin-bottom: 7px;font-size: 17px;}
footer .links + div {}
footer .links + div a{width: 100%;border-bottom: 1px dashed #c3c3c3;padding: 6px 0 2px;margin-top: 5px;font-weight: 500;color: #1d1d1b;}
footer .links + div a:hover{color: #f8bc26;}
footer .links + div a i{color: #929090;}
footer .links + div a:last-child{border:none;}
.social{ margin-top: 10px;}
.social a{font-size: 19px;margin-right: 5px;color: #607D8B;}
.social a:hover{color:#b40e0b;}


.sidebar{}
.sidebar>span{border-bottom: 1px solid rgba(0,0,0,.15);margin-bottom: 7px;padding-bottom: 15px;font-weight: 900;line-height: 12px;width: 100%;font-size: 17px;color: #1d1d1b;}
.sidebar>span:after{width: 38px;height: 3px;left: 0;bottom: -2px;background-color: #f8bc26;border-radius: 5px;}
.sidebar>a{width: 100%;display: inline-block;font-size: 16px;border-bottom: 1px solid gainsboro;padding-bottom: 3px;margin-top: 19px;color: #828282;font-weight: 400;}
.sidebar>a i{margin-right:11px;}
.sidebar>a span{}
.sidebar>a:last-child{border:none;}
.sidebar>a:hover{color: #b30e0a;}
.sidebar>a.active{color: #b30e0a;}


.sidebar.galeri a{display:inline-block;width:100%;}
.sidebar.galeri a .bg_resim{height: 66px;background-size: cover;border: 2px solid #e8e8e8;}



#page_hakkimizda .foto{height: 374px;
    width: 100%;
    background-size: cover;}




#page_icerikdetay .onizleme-foto{height:299px;background-size: cover;}
#page_icerikdetay .diger-gorseller span{height: 69px;width: 69px;background-size: cover;margin: 3px;border: 1px solid #607d8b;cursor: pointer;}
#page_icerikdetay .diger-gorseller span:hover{filter: drop-shadow(2px 4px 6px black);}
#page_icerikdetay .baslik{font-size: 21px;font-weight: 600;color: #b30e0a;}






#page_medya .gorsel{background-color:#f8bc26;display:inline-block;width:100%;padding:7px;} 
#page_medya .gorsel span{height:150px;background-size:cover;    float: left;}


#page_medya .video{background-color:#f8bc26;display:inline-block;width:100%;padding:7px;} 
#page_medya .video span{height: 150px;
    background-size: cover;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 47px;}
#page_medya .video span i{    color: #ff0000;
  
    padding: 0 6px;}
#page_medya .video:hover i{  box-shadow: -1px -1px 15px 7px rgba(0, 0, 0,.51);
    border-radius: 11px;}
















.vinc-anime{
animation: hrkt ease-in-out 7s;
  animation-iteration-count: infinite;
  transform-origin: top center;
  -webkit-animation: hrkt ease-in-out 7s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: top center;
  -moz-animation: hrkt ease-in-out 7s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: top center;
  -o-animation: hrkt ease-in-out 7s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: top center;
  -ms-animation: hrkt ease-in-out 7s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: top center;
}
.vinc-logo-anime{
animation: hrkt2 ease-in-out 9s;
  animation-iteration-count: infinite;
  transform-origin: top center;
  -webkit-animation: hrkt2 ease-in-out 9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: top center;
  -moz-animation: hrkt2 ease-in-out 9s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: top center;
  -o-animation: hrkt2 ease-in-out 9s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: top center;
  -ms-animation: hrkt2 ease-in-out 9s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: top center;
}
@keyframes hrkt{
  0% {
transform:  translate(-9px,0px)  rotate(-3deg)   ;
  }
  50% {
transform:  translate(9px,0px)  rotate(0deg)  ;
  }
  100% {
transform:   translate(-9px,0px)  rotate(-3deg)   ;
  }
}
@keyframes hrkt2{
  0% {
transform:  translateX(-9px)  rotate(-5deg)   ;
  }
  50% {
transform:  translateX(9px)  rotate(5deg)  ;
  }
  100% {
transform:translateX(-9px)  rotate(-5deg)   ;
  }
}