@charset "utf-8";
/* CSS Document */
 
@import '../fonts/fonts.css';
@import '../font-awesome/css/font-awesome.css';
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;}


html,body{ padding:0px; margin:0px;height:100%;min-height:100%; }
 
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite,code,del, dfn, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend, input, select, textarea, button,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video 
{margin: 0; padding: 0; border: 0; }
button{cursor: pointer;}


body{min-width:1064px; }

.pull-left{float: left !important;}
.pull-right{float: right !important;}
.row {    width: 100%;    min-height: 5px}

.container {    position: relative;        height: auto;    margin-left: auto;    margin-right: auto;max-width: 1064px;}

.row, .col-left, .col-right, .col, h1, h2, h3, h4, h5 {    position: relative;    float: left;    height: auto}


a{text-decoration: none;}

ul{padding: 0px; margin: 0px;}
hr{border: 0;}

a,a:hover{text-decoration: none;}
*:focus {
    outline: none;
	outline: 0;
}

#page{}

 

textarea,select,input[type="text"]{width:100%;height:36px;border: 1px solid #eeeeee;padding-left: 24px; font: 15px 'Montserrat-Light'; background-color: #eeeeee;  color: #707070;}
select{height:36px;padding-right: 34px;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;


}
label.iletisim-label{font:13px 'Montserrat-Regular'; color: #5a6771;    line-height: 36px;}
textarea{padding-top: 10px;}
 
select.iletisim{	background: url(../images/page/selectOk.svg) no-repeat 96% center,#fff;background-size: 16px 8px;}
 
label.cvfile input{position: absolute;left: -9999px;}

span.cvFile{position: absolute;left: 0;padding-left: 28px;width: 128px; height: 52px;background: url(../images/page/cvBtnBg.png) no-repeat;color:#fff;line-height: 52px;cursor: pointer;}
span.cvName{position: absolute;width:calc(100% - 158px);height: 52px; padding-left: 10px;font:13px 'GothamNarrow-Light'; line-height: 52px; background-color: #fff;color: #fff;left: 158px;background-color: transparent;}
 
button.gonder{position: absolute; right: 0; background: url(../images/page/gonderBtn-bg.png) no-repeat;color: #fff; width:142px; height: 52px;}

button.gonder-iletform{   background: url(../images/page/gonderBtn-bg.png) no-repeat;color: #fff; width:142px; height: 52px;}

.pull-left{float: left !important;}
.pull-right{float: right !important;}
.dis-tab{display: table !important;}
.ver-mid{display: table-cell !important;vertical-align: middle;}

.mb-36{margin-bottom: 36px !important;}
.mr-0{margin-right: 0 !important;}
.mt-134{margin-top: 134px !important;}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

 

.text-type1{font:15px 'GothamNarrow';color: #333333;}

.text-type2{font:16px 'corbel';color: #fff;}

.text-type3{font: 16px 'corbelb';color: #707070;}

.footer{   background: #ccc;  clear: both;   height:64px;  margin-top: -64px; padding-top: 0; position: relative; width: 100%;}

 




* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
 


.on_izleme_hata {
	position: absolute;
	font: 9pt Arial;
	min-width: 200px;
	height: auto;
	width: auto;
	padding: 0 10px;
	min-height: 30px;
	left: 30%;
	top: -35px;
	color: #FFF;
	text-align: center;
	background: -webkit-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -moz-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: -ms-linear-gradient(90deg, #8F0808 5%, #F70505 100%);
	background: linear-gradient(180deg, #F70505 5%, #8F0808 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F70505', endColorstr='#8F0808');
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0 2px 10px 0 #616161;
	-moz-box-shadow: 0 2px 10px 0 #616161;
	box-shadow: 0 2px 10px 0 #616161;
	display: table
}



.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
    .google-maps {
        position: relative;
        padding-bottom: 75%;  
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.on_izleme_hata p {
	display: table-cell;
	vertical-align: middle
}
.on_izleme_hata:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	border-style: solid;
	border-width: 7px 9px 0;
	border-color: #8f0808 transparent;
	display: block;
	width: 0;
	z-index: 1
}

.shadow-menu{
-webkit-box-shadow: -1px 5px 9px -2px rgba(0,0,0,0.18);
-moz-box-shadow: -1px 5px 9px -2px rgba(0,0,0,0.18);
box-shadow: -1px 5px 9px -2px rgba(0,0,0,0.18);
}

 


.radius-5{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.radius-26{-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius:26px;}


.modal-form-text{font: 18px 'neubau-light';text-align: left;}
/***********************/
.row.modalbtn{margin-top: 15px;}
.modal-container{position: relative; float: left; width:100%; min-height: 450px; box-sizing: border-box;text-align: left;font: 18px 'neubau-light';}
.modal-logo{width: 100%; height: 90px; background: url(../images/page/modalLogo.svg)no-repeat center;margin-bottom: 24px;}
h2.modal {font: 36px 'neubau-bold';color: #262626; text-align: center;margin-bottom: 36px;}
h5.modal{font:18px 'neubau-bold';}

p.modal{font: 18px 'neubau-light'; }

ul.modal{list-style-type: none;}
ul.modal li.modal{padding-left: 0px;}

.ui-select{width: 100%}
/* This is to remove the arrow of select element in IE */
select::-ms-expand {	display: none; }
select{
    -webkit-appearance: none;
    appearance: none;
}
@-moz-document url-prefix(){
	.ui-select{border: 1px solid #CCC; border-radius: 4px; box-sizing: border-box; position: relative; overflow: hidden;}
  .ui-select select { width: 110%; background-position: right 30px center !important; border: none !important;}
}





 
.radius-15{-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}



.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

 
 


 


.ust-box{position: absolute;width: 74px !important;height: 430px;right: 0;top: 0;z-index: 999;}
.company-bg{background: url("../pageFile/company-text.png") no-repeat; background-size: auto;}
.scf-get-bg{background: url("../pageFile/get-text.png") no-repeat; background-size: auto;}
.crankshaft-bg{background: url("../pageFile/crankshaft-text.png") no-repeat; background-size: auto;}
.smelting-bg{background: url("../pageFile/smelting-text.png") no-repeat; background-size: auto;}

.logo-box{position: absolute;width: 100%;height: 100%;display: block;}

.logo-box img{ ;         }
.logo-motusgrup{max-width: 332px;margin: -45px auto 0;}
.logo-scf{max-width: 242px;margin: -62px auto 0;}
.logo-motuscrankshaft{max-width: 278px;margin: -91px auto 0;}
.logo-motusdokum{max-width: 294px;margin: -47px auto 0;}
 
.logo-alan{top: 50%;  position: relative;    display: table;}
 
 

 .btn-genel-giris{position: relative;width: 100%; top:60% !important;   text-align: center;height: 120px; font: 43px 'BebasNeue-Bold' !important; color: #fff;}
 .btn-genel-giris span{font: 55px 'BebasNeue-Book'; color: #fff;}
 @media (min-width: 1281px)
{

}

 

@media (min-width: 1025px) and (max-width: 1280px) 
{

    
}
 
@media (min-width: 768px) and (max-width: 1024px) 
{ body{min-width: 100%;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
         .btn-genel-giris{position: relative;width: 100%; top:60% !important;   text-align: center;height: 28px; font: 26px 'GothamNarrow-UltraItalic' !important; color: #fff;}
    
}

 
 

 

@media (min-width: 481px) and (max-width: 767px) 
{
    
body{min-width: 100%;background: #fff;}
    .container{padding: 0 15px; width: 100%;max-width: 100%;}
     .ust-box{width: 40px !important;height: 100%; background-size: contain;}
         .btn-genel-giris{position: relative;width: 100%; top:74% !important;   text-align: center;height: 28px; font: 26px 'GothamNarrow-UltraItalic' !important; color: #fff;}
}

 

@media (min-width: 0px) and (max-width: 480px) 
{
  
body{min-width: 100%;background: #fff;}
    .logo-box img{padding: 14px 54px; top: 15% !important; margin: auto 0;}
    .logo-motusgrup{margin: -45px auto 0 !important;}
    .logo-scf{margin: -45px auto 0 !important;}
    .logo-motuscrankshaft{margin: -45px auto 0 !important;}
    .ust-box{width: 40px !important;height: 100%; background-size: contain;}
     .btn-genel-giris{position: relative;width: 100%; top:56% !important;   text-align: center;height: 28px; font: 26px 'GothamNarrow-UltraItalic' !important; color: #fff;}
    
    .btn-genel-giris span {    font: 32px 'BebasNeue-Book';    color: #fff;}
    
 }