::selection {
color : #F5A04D;
background : #000000;
}
::-moz-selection {
color : #F5A04D;
background : #000000;
}
body::-webkit-scrollbar {
width : 8px !important ;
height : 8px !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;
}
b, strong, h1, h2, h3 {
font-weight : 400;
}
html, body {
margin : 0;
padding : 0;
width : 100%;
height : 100%;
font-size : 14px;
font-weight : 400;
background : #393939;
}
.center {
margin : 0 auto;
width : 100%;
max-width : 1230px;
padding : 0 15px;
box-sizing : border-box;
}
.center2 {
margin : -15px auto;
margin-top : 0;
margin-bottom : 0;
width : 100%;
max-width : 1215px;
box-sizing : border-box;
}
.clear {
clear : both;
}
.right {
float : right;
}
#loader {
width : 100%;
height : 100%;
background : url(../img/load.svg) center center no-repeat #333;
position : fixed;
z-index : 3;
}
#bar {
width : 100%;
height : 40px;
background : #F5A04D;
position : relative;
z-index : 3;
font-size : 13px;
overflow : hidden;
font-weight : 300;
}
#bar a{
color : #111;
text-decoration : none;
line-height : 40px;
}
#bar a.adres{
background : url(../img/map.svg) left center no-repeat;
background-size : 15px 15px;
padding-left : 17px;
margin-right : 15px;
}
#bar a.tel{
background : url(../img/tel1.svg) left center no-repeat;
background-size : 15px 15px;
padding-left : 20px;
margin-right : 15px;
}
#bar a.email{
background : url(../img/email1.svg) left center no-repeat;
background-size : 15px 15px;
padding-left : 20px;
margin-right : 15px;
}
#bar .sosyal{
background :#494949;
height : 40px;
float : right;
}
#bar .sosyal a{
float : left;
display : block;
width : 40px;
height : 40px;
}
#bar .sosyal a.facebook img{
height : 18px;
margin : 11px 10px;
}
#bar .sosyal a.twitter img{
height : 18px;
margin : 11px 10px;
}
#bar .sosyal a.linkedin img{
height : 18px;
margin : 11px 10px;
}
#bar .sosyal a.google img{
height : 24px;
margin : 8px 10px;
}
#bar .sosyal a:hover{
background :rgba(0,0,0,0.2);
}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}
#lang_sel_list { padding : 0px 5px 0px 10px; float:right; height : 73px; background : linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0));}
#lang_sel_list a{cursor:pointer;margin-right :5px;}
#lang_sel_list b{float:left;line-height : 70px; padding-right:10px;color : #fff}
#lang_sel_list a img{margin-top:20px;height:30px}
.goog-text-highlight {background-color:rgba(0,0,0,0);}
#header {
width : 100%;
height : 75px;
position : relative;
z-index : 3;
box-shadow : 0 4px 10px 0 rgba(0, 0, 0, 0.2);
background : url(../img/header.png) #444;
}
#logo {
float : left;
overflow : hidden;
height : 75px;
margin : 0;
}
#logo a {
color : #F5A04D;
text-decoration : none;
line-height : 75px;
font-size : 25px;
font-weight : 300;
}
#logo a img{
margin-top : -30px;
}
ul#mega {
float : right;
list-style : none;
margin : 0;
margin-top : 10px;
margin-right : 10px;
padding : 0;
}
#mega li {
float : left;
position : relative;
}
#mega li a {
color : #eee;
text-decoration : none;
display : block;
padding : 0 10px;
line-height : 50px;
font-weight : 400;
font-size : 15px;
}
#mega li.grp:hover {
background : #F5A04D;
}
#mega li:hover a {
color : #F5A04D;
}
#mega li.grp:hover a {
color : #333;
}
#mega div.menu {
position : absolute;
top : 50px;
max-height : 0;
min-width : 100%;
background : #F5A04D;
z-index : 1;
overflow : hidden;
transition : height 2s;
}
#mega li:hover div.menu {
max-height : 500px;
transition : max-height 0.25s ease-in;
box-shadow : 0 5px 7px 0 rgba(0, 0, 0, 0.4);
}
#mega div.menu a:link, #mega div.menu a:visited {
padding : 0 20px 0 12.5px;
color : #333;
line-height : 40px;
white-space : nowrap;
font-size : 14px;
transition : all 0.2s linear;
font-weight : 400;
}
#mega div.menu a:hover {
padding : 0 17.5px 0 15px;
background : #fff;
color : #333;
}
#slide {
width : 100%;
height : 450px;
background : url(../img/load.svg) center center no-repeat #333;
position : relative;
overflow : hidden;
}
#mask {
width : 100%;
height : 295px;
background : rgba(0, 0, 0, 0.2);
position : absolute;
top : 0;
left : 0;
z-index : 2;
}
.page {
width : 100%;
position : relative;
z-index : 2;
box-shadow : 0 0 10px 0 rgba(0, 0, 0, 0.2);
padding : 15px 0 25px 0;
background : url(../img/page.png) top left repeat-x #393939;
color : #ddd;
border-bottom : 2px solid #444;
}
.page .vizyon{
float : left;
width : 50%;
height : 240px;
border : 1px solid #ddd;
border-left : 5px solid #ddd;
box-sizing : border-box;
padding : 15px;
margin-left : -1px;
margin-top : -1px;
overflow-y: auto;
}
.page .vizyon:hover{
border : 1px solid #F5A04D;
border-left : 5px solid #F5A04D;
position : relative;
z-index : 1;
background : #f9faff;
}
.yer {
width : 100%;
position : relative;
z-index : 2;
background : rgba(0, 0, 0, 0.5);
height : 35px;
line-height : 35px;
margin-top : -35px;
}
.yer a{
float : left;
display : inline-block;
color :#fff;
text-decoration : none;
padding-right : 20px;
background : url(../img/rk.svg) right 5px center no-repeat;
background-size : 10px 10px;
}
.yer a:hover{
text-decoration : underline;
}
.yer b{
color :#fff;
}
.page_left {
float : left;
width : calc(100% - 470px);
}
.markalar{
width : 100%;
}
.page .markalar h1{
margin-bottom : 15px;
}
.markalar .marka{
width : 16.6%;
float : left;
padding : 18px;
border : 1px solid #ddd;
border-bottom : 2px solid #ddd;
background : #fff;
box-shadow : 0 0 15px 0 rgba(0, 0, 0, 0.05) inset;
box-sizing : border-box;
margin-left : -1px;
}
.markalar .marka img{
width : 100%;
}
.markalar .marka:hover{
box-shadow : 0 0 10px 0 rgba(0, 0, 0, 0.2);
border : 1px solid #fff;
border-bottom : 2px solid #F5A04D;
position : relative;
z-index : 1;
}
.markalar img.vgt{
margin-right : 0px;
}
.page h1 {
margin : 0;
padding : 0 0 10px 0;
color : #F5A04D;
font-size : 19px;
display : inline-block;
border-bottom : 2px solid #666;
}
.page .center h2 {
margin : 0;
padding : 0 0 10px 0;
color : #F5A04D;
font-size : 17px;
display : inline-block;
border-bottom : 2px solid #ddd;
}
.page_left p {
margin : 0;
padding : 15px 0;
color : #ddd;
font-size : 15px;
}
.kesif {
float : right;
width : 450px;
padding-left : 15px;
margin-top : -142px;
box-sizing : border-box;
}
.form {
width : 100%;
box-sizing : border-box;
background : #F5A04D;
box-shadow : 0 0 10px 0 rgba(0, 0, 0, 0.4);
}
.form p {
padding : 10px 15px 15px 15px;
margin : 0;
color : #222;
}
.form_baslik {
width : 100%;
line-height : 60px;
background : url(../img/form.svg) left 15px top 20px no-repeat;
background-size : 37px 37px;
padding : 10px 15px 0 65px;
font-size : 17px;
height : 60px;
color : #222;
box-sizing : border-box;
}
.form .form_in {
padding : 5px 15px 15px 15px;
box-sizing : border-box;
}
.form input.text {
width : 100%;
line-height : 50px;
background : #F5A04D;
border : 0;
border-bottom : 1px solid rgba(0, 0, 0, 0.4);
font-size : 14px;
height : 50px;
color : #222;
box-sizing : border-box;
outline : 0;
}
.form input.text::placeholder {
color : #222;
opacity : 0.699999988079071044921875;
}
#sonuc {
float : left;
min-width : 50px;
background : url(../img/load.svg) center center no-repeat #333;
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;
display : none;
}
.sonuc {
background :#333;
line-height : 45px;
color : #F5A04D;
padding : 0 15px;
}
a#send {
float : right;
line-height : 45px;
background : #333;
padding : 0 15px;
font-size : 14px;
height : 45px;
color : #fff;
box-sizing : border-box;
margin-top : 15px;
outline : 0;
cursor : pointer;
}
a#send:hover {
background : #fff;
color : #333;
}
.hizmetler {
width : 100%;
background : #444;
padding : 15px 0;
}
.hizmetler b.h1 {
padding : 0 0 10px 0;
color : #F5A04D;
font-size : 19px;
display : inline-block;
border-bottom : 2px solid #666;
}
#hizmetler {
margin : -15px auto;
margin-top : 15px;
margin-bottom : 0;
width : 100%;
max-width : 1215px;
box-sizing : border-box;
}
.hizmet {
float:left;
width : 300px;
display : block;
position : relative;
overflow : hidden;
padding : 7.5px;
box-sizing : border-box;
}
.hizmet a.resim {
width : 100%;
height : 270px;
display : block;
background : url(../img/image.svg) center center no-repeat #ddd;
background-size : 95px 95px;
transition : all 0.2s linear;
border-radius : 100%;
overflow : hidden;
box-shadow : 0 0 15px 5px rgba(0, 0, 0, 0.1);
border : 5px solid #666;
box-sizing : border-box;
}
.hizmet a.isim {
width : 100%;
height : 50px;
line-height : 50px;
padding : 0 15px;
display : block;
color : #eee;
box-sizing : border-box;
text-decoration : none;
text-align : center;
font-size : 16px;
}
.hizmet.bas a.isim {
width : 100%;
height : 50px;
line-height : 50px;
padding : 0 15px;
display : block;
color : #eee;
box-sizing : border-box;
text-decoration : none;
text-align : center;
font-size : 16px;
background : rgba(0,0,0,0.2);
border-bottom : 2px solid #666;
}
.hizmet:hover a.resim {
border : 5px solid #F5A04D;
}
.hizmet:hover a.isim {
color : #F5A04D;
}

.galeri {
width : 100%;
background : #444;
padding : 15px 0;
}
.galeri b.h1 {
padding : 0 0 10px 0;
color : #F5A04D;
font-size : 19px;
display : inline-block;
border-bottom : 2px solid #666;
}
#galeri {
margin : -15px auto;
margin-top : 15px;
margin-bottom : 0;
width : 100%;
max-width : 1215px;
box-sizing : border-box;
}
.galeribox {
float:left;
width : 20%;
display : block;
position : relative;
overflow : hidden;
padding : 7.5px;
box-sizing : border-box;
}
.galeribox a.resim {
width : 100%;
height : 170px;
display : block;
background : url(../img/image.svg) center center no-repeat #ddd;
background-size : 95px 95px;
transition : all 0.2s linear;
overflow : hidden;
box-shadow : 0 0 15px 5px rgba(0, 0, 0, 0.1);
border : 3px solid #666;
box-sizing : border-box;
}
.galeribox a.isim {
width : 100%;
height : 50px;
line-height : 50px;
padding : 0 15px;
display : block;
color : #eee;
box-sizing : border-box;
text-decoration : none;
text-align : center;
font-size : 16px;
}
.galeribox:hover a.resim {
border : 3px solid #F5A04D;
}
.galeribox:hover a.isim {
color : #F5A04D;
}


.forklifts {
width : 100%;
background : #444;
padding : 15px 0;
}
.forklifts b.h1 {
padding : 0 0 10px 0;
color : #F5A04D;
font-size : 19px;
display : inline-block;
border-bottom : 2px solid #666;
}
#forklifts {
margin : -15px auto;
margin-top : 15px;
margin-bottom : 0;
width : 100%;
max-width : 1215px;
box-sizing : border-box;
}
.forklift {
float:left;
width : 50%;
display : block;
position : relative;
overflow : hidden;
padding : 7.5px;
box-sizing : border-box;
}
.forklift a.resim {
float:left;
width : 170px;
height : 170px;
border-radius : 150px;
display : block;
background : url(../img/image.svg) center center no-repeat #ddd;
background-size : 95px 95px;
transition : all 0.2s linear;
overflow : hidden;
box-shadow : 0 0 15px 5px rgba(0, 0, 0, 0.1);
border : 3px solid #666;
box-sizing : border-box;
position : relative;
z-index :1;
}
.forklift .fbil {
float:left;
height : 170px;
width : calc(100% - 100px);
margin-left : -70px;
padding : 15px;
padding-left : 85px;
display : block;
box-sizing : border-box;
text-decoration : none;
background : rgba(0,0,0,0.1);
color : #ddd;
line-height : 25px;
}
.forklift .fbil b{
display : inline-block;
clear : both;
}
.forklift:hover .fbil {
background : rgba(0,0,0,0.2);
cursor : pointer;
}
.forklift a.isim {
color : #eee;
text-decoration : none;
font-size : 16px;
border-bottom : 1px solid #555;
padding-bottom : 10px;
margin-bottom : 10px;
display : block;
}
.forklift:hover a.resim {
border : 3px solid #F5A04D;
}
.forklift:hover a.isim {
color : #F5A04D;
}

.udet {
float:left;
width : 200px;
padding : 15px;
display : block;
box-sizing : border-box;
text-decoration : none;
background : rgba(0,0,0,0.1);
color : #fff;
line-height : 30px;
margin : 15px 0;
border: 2px solid #F5A04D;
margin-right : 15px;
}
.udet2 {
float:left;
width : calc(100% - 215px);
padding : 15px;
display : block;
box-sizing : border-box;
text-decoration : none;
background : rgba(0,0,0,0.1);
color : #fff;
margin : 15px 0;
border: 2px solid #555;
min-height : 296px;
}
.udet b.bold{
display : inline-block;
color : #F5A04D;
border-bottom : 2px solid #555;
padding-bottom : 5px;
margin-bottom : 5px;
font-size : 15px;
}
.udet .fiyat{
width : 100%;
padding : 5px 15px;
margin-left : -15px;
margin-top : 15px;
margin-bottom : -15px;
background : #F5A04D;
color : #111;
}
.udet2 p{
margin : 0;
padding : 0;
}
.contact {
width : 100%;
position : relative;
z-index : 2;
padding-bottom : 25px;
background : #fff;
border-top : 2px solid #F5A04D;
border-bottom : 2px solid #555;
background : url(../img/header.png) center center #444;
}
.icon {
float : left;
width : 33.333%;
display : block;
padding : 20px 40px 5px 7.5px;
height : 80px;
box-sizing : border-box;
text-decoration : none;
}
.icon b {
font-size : 16px;
padding-top : 5px;
color : #F5A04D;
display : block;
}
.icon p {
margin : 0;
color : #eee;
padding : 0;
white-space : nowrap;
overflow : hidden;
font-weight : 300;
font-size : 13px;
}
.icon .icon_img {
background : #F5A04D;
box-shadow : 0 0 25px 0 rgba(0, 0, 0, 0.1) inset;
float : left;
width : 60px;
height : 60px;
box-sizing : border-box;
padding : 10px;
border-radius : 30px;
margin-right : 10px;
}
.icon .icon_img img {
width : 30px;
height : 30px;
margin : 5px;
}
#footer {
background : #444;
padding : 25px 0;
color : #333;
}
#footer .alan {
float : left;
width : 24%;
height : 200px;
margin-right : 1%;
border-right : 1px solid rgba(255, 255, 255, 0.2);
box-sizing : border-box;
}
#footer .alan a {
display : block;
color : rgba(255,255,255,0.7);
text-decoration : none;
line-height : 25px;
font-weight : 300;
}
#footer .alan b {
height : 30px;
line-height : 30px;
color : #fff;
font-weight : 400;
font-size : 15px;
}
#footer .alan a:hover {
color : #fff;
}
#footer .map {
float : left;
width : 50%;
box-sizing : border-box;
}
#footer .map iframe {
width : 100%;
height : 200px;
}
#copyright {
background : #333;
padding : 15px 0;
color : #fff;
line-height : 25px;
}
a.filnet {
float : right;
display : block;
width : 22px;
height : 25px;
background : url(../img/filnet.png) center left no-repeat;
transition : all 0.2s linear;
}
a.filnet:hover {
width : 90px;
}
#up {
position : fixed;
bottom : 5px;
right : 5px;
background : url(../img/up.svg) center center no-repeat #F5A04D;
background-size : 25px 25px;
width : 25px;
height : 25px;
padding : 10px;
cursor : pointer;
opacity : 0;
z-index : 2;
transition : all 0.2s linear;
}
#up.goster {
opacity : 0.699999988079071044921875;
}
#up.goster:hover {
opacity : 1;
background : url(../img/up.svg) center center no-repeat #F5A04D;
background-size : 25px 25px;
}
a#whtt {
    text-decoration: none;
    display: block;
    position: fixed;
    right: 5px;
    width: 45px;
    height: 45px;
    line-height: 44px;
    text-align: center;
    font-size: 20px;
    border-radius: 25px;
    cursor: pointer;
    z-index: 4;
    transition: all .2s linear;
    color: #fff;
    bottom: 74px;
    background: #4dc247;
}
b.tags{
color : #fff;
font-size : 0px;
line-height : 0px;
display : none;
}
@media screen and (max-width:1200px) {
.hizmet {
width : 250px;
}
.hizmet a.resim {
height : 230px;
}
}
@media screen and (max-width:1000px) {
.hizmet {
width : 200px;
}
.hizmet a.resim {
height : 180px;
}
.kesif {
width : 350px;
margin-top : 10px;
}
.page_left {
width : calc(100% - 370px);
}
#slide {
height : 300px;
}
ul#mega{
display : block;
position : absolute;
top : 75px;
background : #333;
width : 100%;
margin : -15px;
}
.forklift {
width : 100%;
}
.galeribox a.resim {
height : 120px;
}
}
@media screen and (max-width:788px) {
#bar a.adres,#lang_sel_list,.forklift .fbil .bil{
display : none;
}
.page_left {
width : 100%;
}
.kesif {
width : 100%;
padding-left : 0;
margin-top : 15px;
margin-bottom : 15px;
}
.form {
box-shadow : 0 0 10px 0 rgba(0, 0, 0, 0);
}
ul#mega {
float : left;
width : 100%;
display : block;
padding : 0 15px;
margin-left : -15px;
background : #F5A04D;
margin-top : 0px;
}
ul#mega li{
width : 100%;
display : block;
}
ul#mega li a{
color : #111;
}
ul#mega li a:hover,ul#mega li a:focus{
color : #111;
}
#mega li:hover div.menu{
height:0;
display : block;
}
#footer .alan {
width : 49%;
margin-bottom : 15px;
}
#footer .alan.bord {
border-right : 0;
padding-left : 15px;
box-sizing : border-box;
}
#footer .map {
width : 100%;
}
.icon {
width : 100%;
padding : 20px 40px 5px 15px;
}
#megaac{
float : right;
margin-right : -15px;
width : 75px;
height : 75px;
display : block;
background : url(../img/menu.svg) center center no-repeat;
background-size : 25px 25px;
}
#megaac.ac{
background : url(../img/x.svg) center center no-repeat #F5A04D;
background-size : 25px 25px;
}
ul#mega{
	display : none;
}
ul#mega.ac{
	display : block;
	position : absolute;
	top : 75px;
}
.hizmet {
width : 50%;
}
.hizmet a.resim { 
height : 170px;
border-radius : 5px;
}
.galeribox {
width : 33.33%;
}
.udet,.udet2 {
width : 100%;
}
}
@media screen and (max-width:488px) {
.galeribox {
width : 50%;
}
}