::selection {
color : #e5b434;
background : #000000;
}
::-moz-selection {
color : #e5b434;
background : #000000;
}
body::-webkit-scrollbar {
width : 6px !important ;
height : 6px !important ;
}
body::-webkit-scrollbar-button {
width : 0 !important ;
height : 0 !important ;
}
body::-webkit-scrollbar-thumb {
background : #e5b434 !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 : #222222 !important ;
border : 0 !important ;
}
body::-webkit-scrollbar-track:hover {
background : #222222 !important ;
}
body::-webkit-scrollbar-track:active {
background : #222222 !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 : #000;
}
.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/mn_icon.png) center center no-repeat #000;
position : fixed;
z-index : 3;
}
#bar {
width : 100%;
height : 40px;
background : #e5b434;
position : relative;
z-index : 3;
font-size : 13px;
overflow : hidden;
font-weight : 300;
}
#bar a{
color : #111;
text-decoration : none;
line-height : 40px;
}
#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 : absolute;
top : 25px;
z-index : 4;
}
.sabit{
position : fixed;
}
#logo {
float : left;
overflow : hidden;
height : 95px;
margin : 0;
margin-left : -7px;
}
ul#mega {
float : right;
list-style : none;
margin : 0;
height : 70px;
padding : 0 10px;
transition : all 0.2s linear;
position : relative;
}
ul#mega:hover {
transition : all 0.2s linear;
background : rgba(0,0,0,0.5);
}
#mega li {
float : left;
}
li.sosyal {
float : left;
padding : 7px 0;
}
#mega li.sosyal img{
width : 25px;
}
#mega li.sosyal a{
padding : 0 10px;
}
#mega li a {
color : #fff;
text-decoration : none;
display : block;
padding : 0 15px;
line-height : 70px;
font-weight : 400;
font-size : 15px;
}
#mega li:hover a {
color : #e5b434;
}
#mega li.grp:hover a {
color : #e5b434;
background-color : #111;
}
#mega div.menu {
position : absolute;
top : 70px;
max-height : 0;
min-width : 100%;
background-image: linear-gradient(#111, #444);
z-index : 1;
overflow : hidden;
transition : height 2s;
left : 0;
box-sizing : border-box;
padding : 0 10px;
}
#mega li:hover div.menu {
max-height : 500px;
transition : max-height 0.25s ease-in;
}
#mega li.grp div.menu a,#mega li.grp:hover div.menu a{
width : 16.6%;
height : 95px;
display : block;
float : left;
color : #fff;
padding : 0;
padding-top : 65px;
padding-bottom : 10px;
text-align : center;
line-height : 15px;
font-size : 12px;
font-weight : 300;
transition : all 0.2s linear;
box-sizing : border-box;
background-position : top center;
background-repeat : no-repeat;
background-size : 55px 47px;
margin-bottom : 15px;
background-color : rgba(0,0,0,0);
border-bottom  : 2px solid rgba(0,0,0,0);
}
#mega li.grp div.menu a:hover ,#mega li.grp:hover div.menu a:hover {
color : #e5b434;
background-color : #171717;
box-shadow : 0 -10px 3px 0 rgba(0, 0, 0, 0.2) inset;
border-bottom  : 2px solid #555;
}
#slide {
width : 100%;
height : 100%;
background : url(../img/mn_icon.png) center center no-repeat #000;
position : fixed;
top : 0;
left : 0;
overflow : hidden;
z-index :1;
}
#slideshadow {
width : 100%;
height : 30%;
background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0));
position : fixed;
top : 0;
left : 0;
overflow : hidden;
z-index :2;
}
.yer {
margin : 0 auto;
width : 100%;
max-width : 1230px;
position : relative;
z-index : 2;
background : rgba(0, 0, 0, 0.5);
height : 35px;
line-height : 35px;
margin-top : -35px;
font-size : 12px;
overflow : hidden;
text-transform : capitalize;
}
.yer a{
float : left;
display : inline-block;
color :#eee;
text-decoration : none;
padding-right : 20px;
background : url(../img/right.svg) right 5px center no-repeat;
background-size : 10px 10px;
font-size : 12px;
}
.yer a.close{
float : right;
width : 30px;
display : inline-block;
color :#fff;
background  : none;
text-decoration : none;
font-size :20px;
text-align : center;
padding-right : 0px;
padding : 0 2px;
margin-right: -15px;
font-weight : 300;
background :#111;
opacity : 0.6;
}
.yer a.close img{
width : 15px;
margin-top : 5px;
}
.yer a:hover{
color :#e5b434;
}
.yer a.close:hover{
background :#e5b434;
opacity : 1;
}
.page .yer b{
font-size : 12px;
color :#eee;
}
#page {
width : 100%;
position : absolute;
z-index : 3;
color : #fff;
font-weight : 300;
min-height : 100%;
top : 200px;
margin-bottom: 80px;
}
.w3-animate-zoom {}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.page {
margin : 0 auto;
width : 100%;
max-width : 1200px;
z-index : 2;
padding : 20px 15px 100px 15px;
color : #fff;
font-weight : 300;
min-height : 100%;
animation:animatezoom 0.6s;
}
.page_in {
width : 100%;
z-index : 2;
background : #222;
color : #aaa;
font-weight : 300;
min-height : 100%;
padding-top : 15px;
padding-bottom : 25px;
box-shadow : 15px 0 15px 5px rgba(0, 0, 0, 0.2);
position : relative;
}
.page_in a.tg{
color : #aaa;
text-decoration : none;
text-transform : capitalize;
}
.page img.mnmira{
float : left;
margin-right : 20px;
margin-bottom : 10px;
width : 210px;
}
.page .vizyon{
float : left;
width : 50%;
min-height : 150px;
border : 1px solid #333;
border-left : 5px solid #333;
box-sizing : border-box;
padding : 15px;
margin-left : -1px;
margin-top : -1px;
overflow-y: auto;
}
.page .vizyon:hover{
border : 1px solid #e5b434;
border-left : 5px solid #e5b434;
position : relative;
z-index : 1;
background : #111;
box-shadow : 0 0 25px 15px rgba(0, 0, 0, 0.3);
}
.page h1 {
margin : 0;
padding : 0 0 10px 0;
color : #e5b434;
font-size : 19px;
display : inline-block;
border-bottom : 2px solid #555;
text-transform : capitalize;
}
.page b {
color : #e5b434;
font-size : 15px;
}
.galeri {
width : 100%;
padding : 5px 5px 15px 5px;
box-sizing : border-box;
background-image: linear-gradient(#e5b434, #b8912a);
}
.contact {
display : block;
width : 100%;
padding : 25px 15px 25px 65px;
box-sizing : border-box;
background: url(../img/contact.svg) left 15px center no-repeat rgba(0,0,0,0.7);
background-size : 55px 55px;
font-size: 12px;
color : #ddd;
text-decoration : none;
}
.contact:hover {
background: url(../img/contact.svg) left 15px center no-repeat rgba(0,0,0,0.8);
background-size : 55px 55px;
}
.contact b{
display : block;
color : #e5b434;
font-size: 18px;
}
.galeri1 {
width : 100%;
padding : 5px 5px 15px 5px;
box-sizing : border-box;
background-image: linear-gradient(#222, #111);
}
.galeri b.h1 {
padding :  10px 0 10px 0;
margin-left : -5px;
color : #111;
font-size : 15px;
display : inline-block;
border-bottom : 2px solid rgba(0,0,0,0.2);
font-weight : 300;
text-transform : capitalize;
}
#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 img{
max-width : 100%;
max-height : 100%;
position : absolute;
z-index : -1;
}
.galeribox a.resim {
width : 100%;
height : 170px;
display : block;
background : #333;
background-size : 95px 95px;
transition : all 0.08s linear;
overflow : hidden;
box-shadow : 0 0 7px 3px rgba(0, 0, 0, 0.1);
border : 10px solid rgba(0,0,0,0.2);
box-sizing : border-box;
}
.galeribox a.isim {
width : 100%;
height : 50px;
line-height : 50px;
padding : 0 15px;
display : block;
color : #aaa;
box-sizing : border-box;
text-decoration : none;
text-align : center;
font-size : 13px;
background-image: linear-gradient(#161616, #111);
text-transform : capitalize;
}
.galeribox:hover a.resim {
border : 5px solid #e5b434;
box-shadow : 0 0 7px 3px rgba(0, 0, 0, 0.3);
}
.galeribox:hover a.resim {
opacity : 0.9;
}
.galeribox:hover a.isim {
color : #e5b434;
}


.forklifts {
width : 100%;
background : #444;
padding : 15px 0;
}
.forklifts b.h1 {
padding : 0 0 10px 0;
color : #e5b434;
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 #e5b434;
}
.forklift:hover a.isim {
color : #e5b434;
}

.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 #e5b434;
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 : #e5b434;
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 : #e5b434;
color : #111;
}
.udet2 p{
margin : 0;
padding : 0;
}
#copyright {
width : 100%;
box-sizing : border-box;
padding : 35px 0px 15px 0px;
color : #b8912a;
background-image: linear-gradient(rgba(17,17,17,1), rgba(17,17,17,0.7));
position : fixed;
bottom : 0;
z-index : 2;
margin-top : -70px;
background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.7));
}
#copyright .center {
padding : 0 30px;
animation:animatezoom 0.6s 
}
a.evdekur {
float : left;
margin-top : -15px;

}
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 : 100px;
right : 0;
background : url(../img/up.svg) center center no-repeat rgba(0,0,0,0.7);
background-size : 25px 25px;
width : 25px;
height : 25px;
padding : 10px;
cursor : pointer;
opacity : 0;
z-index : 5;
transition : all 0.2s linear;
}
#up.goster {
animation:animatezoom 0.3s ;
opacity : 0.6;
}
#up.goster:hover {
opacity : 1;
background : url(../img/up.svg) center center no-repeat #e5b434;
background-size : 25px 25px;
}
b.tags{
color : #fff;
font-size : 0px;
line-height : 0px;
display : none;
}
video {
width: 100%;
max-height: 100%;
box-sizing: border-box;
}
#player-overlay {
position: relative;
width: 335px;   
float : left;
z-index:999;
margin-right : 15px
}
#btns{
float : right;
width : 225px;
position : sticky;
right : 15px;
top : 20px;
z-index : 999;
}
.btn_ara,.btn_wht,.btn_yol{
width : 225px;
display : block;
box-sizing: border-box;
line-height : 40px;
height : 40px;
background : #333;
margin-bottom : 10px;
z-index : 999;
color : #fff;
padding-left : 40px;
background : url(../img/call.svg) top 10px left 7px no-repeat #333;
background-size : 20px 20px;
font-weight : 400;
text-decoration : none;
}
.btn_ara:hover{
background : url(../img/call.svg) top 10px left 7px no-repeat #e5b434;
background-size : 20px 20px;
}
.btn_wht{
margin-top : 10px;
background : url(../img/wht.svg) top 7px left 7px no-repeat #333;
background-size : 23px 23px;
}
.btn_wht:hover{
background : url(../img/wht.svg) top 7px left 7px no-repeat #e5b434;
background-size : 23px 23px;
}
.btn_yol{
margin-top : 10px;
background : url(../img/pin.svg) top 7px left 10px no-repeat #333;
background-size : 23px 23px;
}
.btn_yol:hover{
background : url(../img/pin.svg) top 7px left 10px no-repeat #e5b434;
background-size : 23px 23px;
}
@media screen and (max-width:1000px) {
#logo {
margin-left : -0;
}

#lang_sel_list { padding : 18px 5px 0px 10px;}
#megaac{
margin-top : 25px;
float : right;
width : 65px;
height : 65px;
display : block;
background : url(../img/menu.svg) top 12px center no-repeat;
background-size : 30px 30px;
}
#megaac.ac{
background : url(../img/x.svg) top 12px center no-repeat #222;
background-size : 30px 30px;
height : 75px;
}
ul#mega{
	display : none;
}
ul#mega.ac{
	display : block;
	position : absolute;
	top : 95px;
	left : 0;
	height : auto;
	min-height : 100%;
	background : #222;
	line-height : 50px;
	padding : 15px 0;
}
ul#mega.ac li{
	display : block;
	width : 100%;
	border-bottom : 1px solid #333;
}
ul#mega.ac li.sosyal{
	display : inline-block;
	width : auto;
	border-bottom : 0 solid #333;
	padding : 30px 0 0 0;
}
ul#mega.ac li a{
	line-height : 50px;
}
.page{
	box-sizing : border-box;
}
.galeribox {
width : 50%;
}
#logo img{
height : 85px;
}
#copyright .center {
padding : 0 15px;
}
#mega li:hover div.menu {
max-height :  0px;
}
.page .vizyon{
width : 100%;
}
}
@media screen and (max-width:500px) {
#page {
top : 150px;
}
#btns{
width : 100%;
position : fixed;
left : 0;
right : 0;
top : auto;
bottom : 0;
z-index : 999;
height : 70px;
}
.btn_ara,.btn_wht,.btn_yol{
width : 33.33%;
float : left;
display : block;
box-sizing: border-box;
line-height : 40px;
height : 70px;
background : #333;
margin-bottom : 10px;
position : relative;
z-index : 999;
color : #fff;
padding-left : 0px;
padding-top : 30px;
background : url(../img/call.svg) top 12px center no-repeat #333;
background-size : 20px 20px;
font-weight : 400;
font-size : 12px;
text-decoration : none;
white-space: nowrap;
text-align : center;
}
.btn_ara:hover{
background : url(../img/call.svg) top 12px center no-repeat #e5b434;
background-size : 20px 20px;
}
.btn_wht{
margin-top : auto;
background : url(../img/wht.svg) top 9px center no-repeat #333;
background-size : 23px 23px;
}
.btn_wht:hover{
margin-top : auto;
background : url(../img/wht.svg) top 9px center no-repeat #e5b434;
background-size : 23px 23px;
}
.btn_yol{
padding-left : 0px;
margin-top : auto;
background : url(../img/pin.svg) top 9px center no-repeat #333;
background-size : 23px 23px;
}
.btn_yol:hover{
margin-top : auto;
background : url(../img/pin.svg) top 9px center no-repeat #e5b434;
background-size : 23px 23px;
}
.page img.mnmira{
margin-right : 0px;
margin-bottom : 20px;
width : 100%;
}
#player-overlay {
    position: relative;
    width: 100%;   
	float : none;
    z-index:999;
	margin-right : 0;
	margin-bottom : 10px;
}
}