﻿

body 
{
	 margin:0px ! important;
	 xfont-family: 'ubuntu_medium';
	 background-color:#ececec;
}
input[type="text" i]:disabled { background-color:White ! important;}
#RootContainner { display:none;}
.navigation {  width:100%; height:89px;  background-color:White; position:fixed; z-index:3;font-family: 'ubuntu_medium';  }
.navigation a{ font-weight: normal;  font-size:14px; text-decoration: none;  color:#7f7f7f; margin-left:24px;  }
.innernav{ width:100%; height:89px;max-width:1366px;  margin-left:auto; margin-right:auto;}
.navigation a:first-child{ margin-left:0px; }
.banner {background-size:cover; background-image:url(../images/banner.jpg); background-repeat:no-repeat; max-width:2560; height:640px;  background-position:center; }
.logo {  xposition:fixed; xmargin-left:100px;margin-left:98px; margin-top:30px; float:left; } 
.TopMenu { margin-top:37px; width:610px; height:30px; float:right; margin-right:98px;}
.TopMenu  a.active {color:#007fa2;}
.TopMenu a:hover { 
    color:#007fa2;
}
.navigationS {  width:100%; height:89px;  background-color:White; xposition:fixed; z-index:3; font-family: 'ubuntu_medium'; }
.navigationS a{ font-weight: normal;  font-size:14px; text-decoration: none;  color:#7f7f7f; margin-left:24px;  }
.innernavS{ width:100%; height:89px;max-width:970px;  margin-left:auto; margin-right:auto;}
.navigationS a:first-child{ margin-left:0px; }
.logoS {  xposition:fixed; margin-left:32px; margin-top:30px; float:left; } 
.TopMenuS { margin-top:37px; width:600px; height:30px; float:right; margin-right:32px;}
.subpagebanner {  background-size:cover; background-image:url(../images/subpagebg.png); background-repeat:no-repeat; max-width:2560; height:220px;  background-position:center; }
.content{ max-width:906px;  padding-left:32px; padding-right:32px; padding-top:32px; background-color:White; margin-top:-111px; height:auto; margin-left:auto; margin-right:auto; }
.subpage { background-color:White;}
.innersubpagebanner { width:100%; height:84px;max-width:938px; padding-left:32PX; padding-top:26px;  margin-left:auto; margin-right:auto;}
.breadcrumptitle  
{

	font-family: 'ubuntu_light';
    font-size: 40px;
    color:White;
    
}
.breadcrump
{
	font-family: 'ubuntu_regular';
    font-size: 11px;
    color:White;
     margin-top:6px;
}
.breadcrump a { text-decoration:none; color:White;}
.breadcrump span { padding-left:5px;padding-right:5px;}
.contentdiv { height:auto; padding-top:27px;font-family: 'ubuntu_light';font-size: 18px; color:#4f4f4f; padding-right:34px;  padding-bottom:28px;   line-height: 26px;}
.bluetitle {  padding-top:25px; padding-left:30px; height:51px; background-color:#007fa2; clear:left;font-family: 'ubuntu_medium'; color: White;font-size: 26px;}
.productsdiv { overflow:hidden; margin-bottom:33px;border-left:1px solid #ececec; border-right:1px solid #ececec; border-bottom:1px solid #ececec;}
.leftproducts { float:left; width:407px; margin-left:29px; height:auto;}
.leftproducts .pdiv:last-child {
     border-bottom:none;
}
.rightproducts .pdiv:last-child {
     border-bottom:none;
}
.rightproducts { float:left; width:407px; margin-left:30px; height:auto;}
.pdiv { height:44px; padding-top:30px; width:407px; border-bottom:1px solid #ececec;font-family: 'ubuntu_light';font-size: 18px; color:#4f4f4f;}
.innerfooters { max-width:906px; height:121px; xpadding-top:60px; margin-left:auto; margin-right:auto; }


#AboutUs{ background-size:cover; background-image:url(../images/aboutusbg.jpg); background-repeat:no-repeat; max-width:2560; height:345px;  background-position:center;}
.banner div { text-align:center; font-family:ubuntu_regular; font-size:76px; line-height:86px; color:White; padding-top:190px;}
.scroll { margin-top:70px;}
.textanim { z-index:1;}

#AboutUs .aboutus { font-family:'ubuntu_light'; font-size:50px;text-align:center; color:White; xpadding-top:58px;}
#AboutUs .aboutusline1 { font-family:'ubuntu_light'; font-size:18px;text-align:center; color:White; line-height:26px; max-width:1146px; margin-top:23px; }
#AboutUs .aboutusline2 { font-family:'ubuntu_light'; font-size:18px;text-align:center; color:White; line-height:26px; max-width:1146px; margin-top:25px; }
#Products{ height:640px; max-width:1366px;  margin-left:auto; margin-right:auto; }
#Products .summary{ float:left; width:400px; padding-left:98px; padding-top:60px;}
#Products .firstproduct{float:left; width:400px; padding-top:30px; position:relative; }
#Products .firstproduct .p1_970 { display:none;}
#Products .firstproduct .p1 { display:block;}
.s1_970 { display:none;}
.s1 { display:block;}
#Products .secondproduct{float:left; width:370px; padding-top:30px;position:relative;}
#Products .secondproduct .p2_970 { display:none;}  
#Products .secondproduct .p2 { display:block;}
#Products .damla { margin-left:-30px; margin-top:66px; float:left; }
#Products .productshape { float:left;}
#Products  .productstitle{font-family:'ubuntu_light'; font-size:50px;color:#4f4f4f; clear:left; padding-top:25px;}
#Products  .productstext {  width:254px;font-family: 'ubuntu_light'; font-size:18px;color:#848484; line-height:26px; margin-top:25px;}
#Products .p1title {  position:absolute;bottom:30px; left:25px; font-family: 'ubuntu_medium'; color:White; font-size:26px;}
#Products  a { text-decoration:none;color:White;font-family: 'ubuntu_medium'; color:White; font-size:26px;}
.plink {text-decoration:none;color:White;font-family: 'ubuntu_medium'; color:White; font-size:26px;}
#Products .p2title {  position:absolute; bottom:30px; left:25px;font-family: 'ubuntu_medium';color:White; font-size:26px;}
#Products .p2title a { text-decoration:none;color:White;font-family: 'ubuntu_medium'; color:White; font-size:26px;}
#Products .psummary{ position:absolute; xbottom:30px;bottom:13px; xwidth:240px;width:315px;font-family:'ubuntu_light'; font-size:18px; color:White; left:25px;}
#Research{ background-size:cover; background-image:url(../images/researchbg.jpg); background-repeat:no-repeat; max-width:2560; height:640px;  background-position:center;}
.innerresearchdiv {height:640px; max-width:1366px;  margin-left:auto; margin-right:auto;}
.innerresearchdiv .left{ width:770px; padding-left:98px; height:610px; padding-top:30px; float:left;}
.innerresearchdiv .right{ width:400px;  height:640px;   float:left;}

.reasearchshape { float:right; margin-top:60px;}
.reasearchdamla { float:left; margin-top:-18px; margin-left:254px;}

#Research  .researchtitle{font-family:'ubuntu_light'; font-size:50px;color:white; clear:left; margin-top:50px; text-align:right;}
#Research  .researchsummary{font-family:'ubuntu_light'; font-size:18px; color:White; text-align:right; padding-left:130px; width:270px; margin-top:30px; line-height:26px;}
.w1366 { display:block;}
	.w970 { display:none;}
#Career { background-color:White; width:100%; height:308px;}
.careertitle { font-family:'ubuntu_light'; font-size:50px;text-align:center; color:#4f4f4f; padding-top:58px;}
.careertext{ font-family: 'ubuntu_light'; font-size:18px;color:#4f4f4f;  float:left; line-height:26px; width:46%;}
.txtcv {  xwidth:351px;width:284px; height:48px; border:2px solid #dfdfdf; float:left; margin-left:59px; font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    color: #b4b4b4; padding-left:20PX; }
.sendbtn { margin-left:30px; float:left; border:none;}
.browse { font-family:'ubuntu_medium'; font-size:11px; color:#007fa2; text-decoration: underline;    float: left;
    margin-top: 20px;
    margin-left: 15px; cursor:pointer;}
.careerouterdiv {margin-top: 60px; max-width: 1170px; margin-left: auto; margin-right: auto;
                position: relative;}
                
#ContactUs {background-size:cover; background-image:url(../images/map.jpg); background-repeat:no-repeat; max-width:2560; height:640px;  background-position:center;xposition: relative;}                
.contactinnerdiv { max-width:1366px; xheight:519px; padding-top:60px; margin-left:auto; margin-right:auto;}
.adresler { margin-left:30px;  width:468px; height:461px; background-color:#0d86a7;  padding-left:66px; padding-top:59px; xposition:absolute;xtop:62px;}
#ContactUs .bigtitle { font-family: 'ubuntu_medium';color:White; font-size:26px; margin-bottom:20px;}
#ContactUs .title { font-family: 'ubuntu_medium';color:White; font-size:12px; margin-bottom:16px;}
#ContactUs .desc {font-family: 'ubuntu_light'; font-size:18px;color:White;  margin-bottom:27px; line-height:26px;}
.footer { background-color:#303030;  height:121px;}
.innerfooter { max-width:1206px; height:121px; xpadding-top:60px; margin-left:auto; margin-right:auto;}
.copyright { font-family:ubuntu_light; font-size:12px; color:White; padding-top:60px; padding-left:18px; float:left;}
.sosyalmedya {float:right; padding-top:30px;}
.sosyalmedya a { margin-left:8px;}
.txtcv { -webkit-appearance: none;-webkit-border-radius:0px;}
#map
                    {
                        width: 100%;
                        height: 642px;
                        background-color: grey;
                    }
.inputfile { display:none;}

.overlayer {background-color:Black;
    z-index : 10;
    position : fixed;
    top : 0;
    left : 0;
    width:100%;
    height:100%;
    opacity:0.8;
    display:none;
    
    
    
    }
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -111px;
  margin-left: -193px;
  xbackground-color:White;
  z-index:111;
  width:387px;
  height:222px;
  display:none;
}
.mobile { display:none;}
 @media only screen and (max-width: 1366px ) and (min-width:985px) 
{
	.innernav{ max-width:909px;}
	.logo{ margin-left:0px;}
	.TopMenu { margin-right:0px;}
	#AboutUs .aboutusline1 { max-width:909px;}
	#AboutUs .aboutusline2 {  max-width:909px}
	#Products{  max-width:970px;}
	#Products .summary {width:312px; padding-left:30px; padding-top:73px;}
	#Products .firstproduct .p1_970 { display:block;}
	#Products .firstproduct { width:313px;}
	.s1 { display:none;}
    .s1_970 { display:block;}
	#Products .firstproduct .p1 { display:none;}
	#Products .secondproduct .p2_970 { display:block;}
	#Products .secondproduct .p2 { display:none;}
	#Products .secondproduct { width:313px;}
	#Products .psummary { width:228px;}
	.innerresearchdiv {  max-width:970px;}
	.w1366 { display:none;}
	.w970 { display:block;}
	.innerresearchdiv .left{ width:625px; padding-left:30px;}
	.innerresearchdiv .right { width:315px;}
	#Research  .researchsummary {}
	.reasearchshape  { margin-right:30px;}
	.reasearchdamla  { margin-left:147px;}
	.researchtitle { margin-left:-9px; text-align:left ! important;}
	#Research  .researchsummary {  width:263px;  padding-left:30px;} 
	.careerouterdiv { max-width:909px;}
	.txtcv { Xwidth:229px;width:195px; margin-left:27px;}
	.careertext { xwidth:47%;  width:435px;}
	.txtcv { margin-left:30px;}
	.sendbtn { margin-left:30px;}
	.contactinnerdiv { max-width:970px;}
	.adresler{ margin-left:30px; xpadding-left:30px;}
	.innerfooter { max-width:909px; }
	.copyright { padding-left:0px;}
	.content img { width:100%;}
	.sendbtn:hover { border:2px solid #dfdfdf;}
}
@media only screen and (min-width: 1366px)
{
	
		.content { max-width:1170px;}
	.innersubpagebanner { max-width:1170px; padding-left:0px;}
	.innernavS { max-width:1234px;}
	.pdiv { width:47%}
	.leftproducts { width:47%}
	.rightproducts { width:47%}
	.pdiv { width:100%}
	.sendbtn:hover { border:2px solid #dfdfdf;}
	
}
@media only screen and (max-width: 985px )
{
	#RootContainner { display:block;} 
	.pc{ display:none;}
	.centered {
    background-image:url(../images/thankyou_bg.jpg);
     width:375px;
     height:643px;
      top:0px;
}
	.mobile { display:block}
	html, body {
    margin: 0px;
    padding: 0px;
     background-color:White;
}
.close.mobile { float:right; right:16px; top:16px; position:fixed;}
#RootContainer {
    font-family: 'Ubuntu', sans-serif;
}
a {outline: none;}
img {border: none;}

* {
    box-sizing: border-box;
}

#RootContainner {
    overflow: hidden;
    position: relative;
    max-width: 969px;
    margin: 0px auto;
}
.Container {
    padding: 0px 18px;
}
#TopWrapper {
    position: relative;
    width: 100%;
    background-color: #FFF;
    height: 64px;
}
#MobileMenuIcon {
    display: block;
    position: absolute;
    right: 18px;
    top: 18px;
    width: 29px;
    height: 30px;
    background-image: url(../images/menu-icon.jpg);
    background-repeat: no-repeat;
    background-position: 0px top;
}
#MobileMenuIcon.open {
    background-position: 0px bottom;
}
#Nav {
    padding: 0px;
    margin: 0px;
    text-align: center;
    list-style-type: none;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 101;
    left: 0px;
    top: 64px;
    right: 0px;
    bottom: 0px;
    background-color: #FFF;
    font-size: 20px;
    font-family:'ubuntu_medium';
    line-height: 80px;
    display:none;
    padding-left:20px;
    padding-right:20px;
    
}
#Nav li{ border-bottom:2px solid #ececec;}
#Nav a {
    text-decoration: none;
    color: #7f7f7f;
}
#Nav a:hover {
    
    color: #007fa2;
}
.TopMenuS a:hover {
    
    color: #007fa2;
}

#HomeWrapper {
    overflow: hidden;
    position: relative;
}
#HomeWrapper::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    xbackground: rgba(0, 19, 52, 0.75);
}
#HomeWrapper img {
    width: 100%;
}
#HomeWrapper .ScrollIcon {
    position: absolute;
    left: 50%;
    margin-left: -39px;
    bottom: 20px;
    z-index: 10;
    width: 78px;
    
}
#HomeText {
    text-align: center;
    top: 38%;
    width: 100%;
    padding: 0px 18px;
    position: absolute;
    z-index: 100;
    color: #FFF;
    font-size: 30px;
     font-family:'ubuntu_regular';
     line-height:35px;
}

#AboutWrapper {
    overflow: hidden;
    background-image: url(../images/about_bg_bs.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    xxmin-height: 390px;
    background-color: #0081a6;
    color: #FFF;
    text-align: center;
    padding-bottom: 20px;
}
#AboutWrapper .Title {
    font-family:'ubuntu_light';
    font-size: 25px;
    margin: 24px 0px;
}
#AboutWrapper .Text {
    font-size: 16px;
    line-height: 23px;
    font-family:'ubuntu_regular';
}

#ProductsWrapper .Title {
    font-family:'ubuntu_light';
    font-size: 25px;
    margin: 24px 0px;
    color: #4f4f4f;
    text-align: center;
}
#ProductsWrapper .Text {
    font-size: 16px;
    line-height: 23px;
    font-family:'ubuntu_regular';
    color: #4f4f4f;
    text-align: center;
}
#ProductImages {
    overflow: hidden;
    padding: 34px 0px;
}
#ProductImages .Left {
    position: relative;
    float: left;
    width: 47%;
}
#ProductImages .Right {
    position: relative;
    float: right;
    width: 47%;
}
#ProductImages .Left img,
#ProductImages .Right img {
    width: 100%;
}
#ProductImages .ProductTitle {
    position: absolute;
    left: 14px;
    bottom: 14px;
    color: #FFF;
    font-family: 'ubuntu_medium';
    font-size: 12px;
    
}

#RdWrapper {
    overflow: hidden;
    color: #FFF;
    text-align: center;
    background-color: #001532;
}
#RdWrapper .Title {
    font-family:'ubuntu_light';
    font-size: 25px;
    margin: 24px 0px;
}
#RdWrapper .Text {
    font-size: 16px;
    line-height: 23px;
    font-family:'ubuntu_regular';
}
#RdImage {
    overflow: hidden;
    padding: 34px 0px;
}
#RdImage img {
    width: 100%;
}

#CareerWrapper {
    overflow: hidden;
}
#CareerWrapper .Title {
    font-family:'ubuntu_light';
    font-size: 25px;
    margin: 24px 0px;
    text-align: center;
    color: #4f4f4f;
}
#CareerWrapper .Text {
    font-size: 16px;
    line-height: 23px;
    font-family:'ubuntu_regular';
    text-align: center;
    color: #4f4f4f;
    padding-bottom: 30px;
}
#CareetInputs {
    overflow: hidden;
    padding-bottom: 30px;
}
#CareetInputs input {
    width: 80%;
    border: 1px solid #dfdfdf;
    outline: none;
    margin-bottom: 16px;
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    color: #b4b4b4;
    padding: 20px;
}
#CareetInputs #CvSend {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #FFF;
    xxfont-weight: 600;
    background-color: #0081a6;
    padding: 20px 0px;
    text-decoration: none;
    font-family: 'ubuntu_medium';
    font-size:12px;
    
 
    overflow: visible;
    xpadding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
#CareetInputs #CvSend:hover { border:2px solid #dfdfdf;}
#ContactWrapper {
    overflow: hidden;
    background-color: #0081a6;
    padding-top: 30px;
}
#ContactWrapper .Title {
    color: #FFF;
   font-family:'ubuntu_medium';
    font-size: 20px;
    margin-bottom: 24px;
}
#ContactWrapper .Adress {
    overflow: hidden;
}
#ContactWrapper .Adress div {
    color: #FFF;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 6px;
    font-family: 'ubuntu_light';
}
#ContactWrapper .Adress div a {
    color: #FFF;
    text-decoration: none;
}
#ContactWrapper .Adress div span {
    font-family: 'ubuntu_medium';
    font-size: 12px;
}
#ContactWrapper #Map {
    overflow: hidden;
    margin: 26px 0px;
}
#ContactWrapper #Map img {
    width: 100%;
}

#FooterWrapper {
    overflow: hidden;
    background-color: #303030;
}
#FooterWrapper #Social {
    width: 100%;
    text-align: center;
    padding: 30px 0px;
}
#FooterWrapper #Social a {
    display: inline-block;
    margin: 0px 6px;
}
#FooterWrapper #Copy {
    text-align: center;
    font-size: 13px;
    color: #FFF;
    padding-bottom: 30px;
}
	#map
                    {
                        width: 100%;
                        height: 298px;
                        background-color: grey;
                         margin-bottom:30px;
                    }	
#TitleBreadCrumb {
    width: 100%;
    min-height: 110px;
    background-image: url(../images/breadcrumb_bg.jpg);
}
#TitleBreadCrumb .Title {
    font-size: 25px;
    font-family: 'ubuntu_light';
    color: #FFF;
    padding-top: 14px;
    padding-bottom: 2px;
}
#TitleBreadCrumb #BreadCrumb a {
    text-decoration: none;
    color: #FFF;
    font-size: 8px;
    font-family:'ubuntu_regular';
}
#TitleBreadCrumb #BreadCrumb a:first-child::before {
    display: none;
}
#TitleBreadCrumb #BreadCrumb a::before {
    content: ">";
    padding: 0px 8px;
}
#ProductDetail {
    overflow: hidden;
    margin-top: -32px;
}
#ProductDetail #Image img {
    width: 100%;
}
#ProductDetail .Text {
    padding: 30px 0px;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    color: #4f4f4f;
    font-family:'ubuntu_regular';
}
#ProductDetail .Text a {
    color: #0081a6;
}
#ProductRange {
    overflow: hidden;
    margin-bottom: 30px;
}
#ProductRange .Title {
    font-size: 20px;
    background-color: #0081a6;
    text-align: center;
    color: #FFF;
    font-weight: 500;
    padding: 17px 0px;
    font-family:'ubuntu_medium';
}
#ProductImages .ProductTitle a
{
	 text-decoration:none;
	 color: #FFF;
}
#ProductRange ul {
    max-width: 346px;
    list-style-type: none;
    padding: 0px;
    margin: 0px auto;
    text-align: center;
    line-height: 50px;
    font-size:16px;
    font-family:'ubuntu_regular';
    color:#4f4f4f;
}
#ProductRange ul li {
    display: block;
    border-bottom: 2px solid #ececec;
}
}
@media only screen and (max-width: 400px)
{
    #Nav {
        font-size: 20px;
    }
    #HomeText {
        xxfont-size: 24px;
        font-size: 30px;
    }
    #HomeWrapper .ScrollIcon {
        xxwidth: 50px;
        xxmargin-left: -25px; 
    }
    #ProductRange .Title {
        font-size: 20px;
    }
    #FooterWrapper #Social img {
        width: 54px;
    }
}
@media only screen and (max-width: 375px)
{
#CareetInputs input  { width:78%;}

}