/* RESET CSS */

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, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
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;
	font-size: 100%;
	/* font: inherit; */ 
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background: #E8EEF3;
	line-height: 1;
	font-family: 'Roboto', sans-serif;
}
ol, ul {
	list-style: none;
}
a, a:hover {text-decoration: none;}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input:focus {outline: 0;}

* {box-sizing: border-box; font-family: 'Roboto', sans-serif;}
.clr { width: 100%; height: 0; clear: both; }

/* GLOBAL CSS */
header {float: left; width: 100%; border-bottom: 1px solid #cacaca;}
.container	{width: 1110px; margin: 0 auto; display: block; height: auto; line-height:1.5;}
.uyelik {width: 20%; float: left;}
.uyelik li a {font-size: 15px; color: #91908E;}
.uyelik li a:hover {color: #C62129;}
.uyelik li {float: left; padding: 10px 10px; border-right: 1px solid #91908E;}
.uyelik li:last-child {border-right: 0px;}
.uyelik li:first-child {padding-left: 0px;}
.logo {width: 60%; float: left; text-align: center; margin-left:20%;}
.bim_logo {width: 60%; float: left; text-align: center; margin-left:20%;}
.bimlogo {text-align: left; margin-left: 0px; position: absolute; display: block; margin-top: 60px}
.promakslogo {float: right; margin-top: 22px; text-align: right;}
.promaks2logo {float: right; margin-right: 0px; position: relative; display: block; padding-top: 15px}
.promaks_logo {width: 60%; float: left; text-align: center; margin-left:20%;}
.langSelect {width: auto; float: right; background: url(../img/langBack.png) no-repeat; background-size: 100% 100%;}
.langSelect li a {font-size: 15px; color: #fff;}
.langSelect li {float: left; padding: 10px 10px;}
.langSelect li:last-child {border-right: 0px;}
.headerSearch .inputSearch {background: #E8EEF3; height: 26px; border: 1px solid #c52029; margin-right: -20px; padding-left: 9px; width: 94%;}
.btnSearch {background: url(../img/aramaBtnBack.png) no-repeat; background-size: 100% 100%; border: 0px; width: 33px; height: 26px; }
.headerSearch {float: right; margin-top: 20px; width: 218px;}
.headerSearch input {float: left;}
.menu {float: left; width: 100%; text-align: center;}
.menu li {display: inline-block; padding: 14px 12px; position:relative;}
.menu li:first-child {padding-left: 0px;}
.menu li:last-child {padding-right: 0px;}
.menu li a {font-size: 15px; color: #91908E;}
.menu li a:hover {color: #c52029;}
.menu li.active a {color: #C62129;}
    .menu li ul {position: absolute;z-index: 9999;background: #fff;width: 300px;top: 44px;left:50%; opacity:0; display:none; transform:translateX(-50%); -webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}
    .menu li:hover ul { opacity: 1; display: block; }
        .menu li ul li { display: block; border-bottom:1px solid #ddd; padding:0;}
.menu li ul li a{ display:block; padding:15px 0;}
    .menu li ul li a:hover { background:#eee;}

.sliderOn {position: absolute; top: 0; left: 0; height: 100%;}
.sliderOn h1 {position: absolute; top: 30%; left: 12%; font-size: 40px; color: #fff; width:70%;}
.sliderOn h3 {position: absolute; top: 78%; left: 12%; font-size: 16px; color: #fff;}
.sliderOn img {height: 100%;}
#sliderContent {float: left; width: 100%; position: relative;}
#sliderContent .item > img {float: right; width: 100%;}
#sliderContent .owl-dots {position: absolute; bottom: 10px; right: 20px;}
#sliderContent .owl-dots .owl-dot span {width: 17px; height: 17px; margin: 5px 5px;}
#sliderContent .owl-dots .owl-dot.active span, #sliderContent .owl-dots .owl-dot:hover span {background: #c52029;}
.mainSquare {margin-bottom: 30px; float: left; width: 100%; margin-top: 30px;}
.mainSquareBox {float: left; width: 24%; margin: 10px 0.5%; position: relative; background: #fff;}
.mainSquareBox p {position: absolute; top: 32px; left: 0; width: 100%; text-align: center; color: #fff; font-size: 23px;}
.mainSquareBox img {width: 100%;-webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s;}
    .mainSquareBox:hover img { opacity:0.8;}
.mainSquareBox ul {position: absolute; top: 50px; left: 0;  width: 100%;}
.mainSquareBox ul li {padding: 10px 15px;}
.mainSquareBox ul li a {color: #E25910; font-size: 15px; position: relative; width: 100%; display: inline-block;}
.mainSquareBox ul li a:after {content: ''; display: block; width: 19px; height: 12px; background: url(../img/mainLiArrow.png) no-repeat; position: absolute; right: 0; top: 2px;}
.mainProject {float: left; width: 100%; background: #DEE3E7;}
.mainProject > .container > h1 {text-align: center;  padding: 40px 0px 30px;  font-size: 50px;  color: #595757;}
.mProjectContent {position: relative; width: 100%; margin-bottom: 30px;}
.mainProjectInner {position: absolute; top: 0; right: 0; height: 100%; padding: 50px 20px;}
.mainProjectInner * {position: relative; color: #fff; text-align: right;}
.mainProjectInner h2 {font-size: 25px;}
.mainProjectInner h2 span {font-size: 17px;}
.mainProjectInner img {position: absolute; top: 0; right: 0; height: 100%;}
.mainProjectInner ul {margin-top: 30px;}
.mainProjectInner ul li {padding: 10px 0px;}
.mpc2 .mainProjectInner {left: 0; right: initial;}
.mpc2 .mainProjectInner img {left: 0; right: initial;}
.mProjectContent.mpc2 {text-align: right;}
.mpc2 .mainProjectInner * {text-align: left;}
.btnSquares {text-align: center; float: right;}
.btnSquares p {font-size: 15px; color: #91908E; padding: 5px 0px; margin-bottom: 20px;}
.mainNews {float: left; width: 100%; background: #E8EEF3;}
.mainNews > .container > h1 {text-align: center;  padding: 40px 0px 30px;  font-size: 50px;  color: #595757;}
.mNew {float: left; width: 49%; margin-right: 1%; margin-bottom: 30px; position: relative;}
.mNew p {padding: 15px; color: #756c66; font-size: 14px; line-height: 19px; border: 1px solid #d08016; padding-bottom: 40px;}
.mNew img {width: 100%; display: block;}
.mNew h2 {position: absolute; top:0px;  width: 100%; text-align: center; color: #fff; font-size: 25px; padding-top:22px; height:126px; background:url(../img/newsCaption.png) no-repeat bottom center;}
    .mNew h2 span { display: block; width:60%; margin:auto;}
.mNew2 {margin-right: 0px;}
.mNew a {font-size: 17px; color: #4e4e4e; padding-right: 50px; float: right; position: relative; bottom: -25px;}
.mNew a:after {content: ''; width: 19px; height: 12px; background: url(../img/mainLiArrowGray.png) no-repeat; background-size: 100% 100%; display: block; float: right; position: absolute; right: 0; top: 4px;}
footer {background: #595757; width: 100%; float: left; padding: 20px 0px 8px;}
.footerContact { width: 100%;}
.fCBox {float: left;  width: 45%; position: relative;}
.fCBox h4 {font-size: 12px; color: #fff; margin-top: 15px;}
.fCBox p {font-size: 12px; color: #fff; line-height: 17px; }
.fCBoxSocial {width: 10%; float: left; padding-left: 11px; margin-top: 28px;}
.fCBoxSocial a {height: 40px; width: 40px; border: 1px solid white; display: block; text-align: center;  color: #fff; font-size: 24px; margin-bottom:10px;}
.mapFooter {width: 180px; height: 180px; float: right; display: block; position: absolute; right: 26px; top: 28px;}
.fCBoxSocial ul li {float: left; margin-right: 10px;}
.altMavilik {background: #E8EEF3; width: 100%; float: left; height: 260px; margin-top: 30px;}
.cpyrite {background: #E8EEF3; width: 100%; float: left; height: 23px; margin-top: 30px; margin-bottom: 0px; text-align: center; color: gray; padding-top: 3px;}
.bilgirite {width: 100%; float: left; height: 23px; margin-top: 10px; margin-bottom: 0px; text-align: left; color: white; padding-top: 3px; margin-left: 50px;}

.projectNote { width: 100%; text-align: center; padding-bottom:50px;}
    .projectNote a { color: #C62129; }

.projectPage {float: left; width: 100%;}
.projeName {background: url(../img/projeNameBack.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #fff; font-size: 15px;  padding: 28px 0px 50px;}
.projectBox {float: left; width: 19.5%; position: relative; margin-right: 0.5%; margin-bottom: 15px;}
.projectBox > img {width: 100%; display: block;}
.projeBottom {float: left; width: 100%; display: block; border: 2px solid #7d8083; height: 319px; padding: 18px 10px;}
.projeBottom span {font-size: 17px; color: #484848;}
.projeBottom li {font-size: 13px; color: #C62129; padding: 10px 0px; font-weight: 600; line-height: 17px; position: relative;}
.projeBottom li:hover {color: #E25910;}
.projeBottom li:after {content: ''; display: block; width: 14px; height: 9px; background: url(../img/mainLiArrow.png) no-repeat; position: absolute; right: 0; top: 37%; background-size: 100% 100%;}
.projectPage > h1 {text-align: center;  padding: 40px 0px 30px;  font-size: 40px;  color: #595757;}
.projectPage {margin-bottom: 40px;}
.projeDetailPage {float: left; width: 100%;}
.projeDetailPage h1 {text-align: center; font-size: 50px; color: #595757; margin-top: 45px; margin-bottom: 45px;}
.projeDetailLeft {float: left; width: 50%;  padding: 0px 20px;}
.projeDetailRight {float: left; width: 50%;  padding: 0px 20px;}
.projeDetailRight p {font-size: 15px; color: #383838;}
.projeDetailRight p strong {font-weight: 600;}
.projeDetailLeft img {width: 100%;}
.projeNextPrev {float: left; width: 100%; text-align: center; background: #DEE3E7; padding: 20px 0px; margin: 60px 0px 45px; position: relative;}
    
.projeNextPrev .container {position: relative;}
.projeNextPrev a {float: none;}
.projeNextPrev a p { margin-bottom: 0px;}
.prevProje {position: absolute; left: 0; top: 40%; color: #91908E; font-size: 15px;}

.nextProje {position: absolute; right: 0; top: 40%; color: #91908E; font-size: 15px;}


.prevProje a { color:#91908E; padding-left:50px; display:inline-block;}
.prevProje a:before {content: ''; display: block; width: 20px; height: 20px; position: absolute; top: -2px; left: 0; background: url(../img/prevProje.png) no-repeat; background-size: 100% 100%; }

.nextProje a { color:#91908E; padding-right:50px; display:inline-block;}
.nextProje a:after {content: ''; display: block; width: 20px; height: 20px; position: absolute; top: -2px; right: 0; background: url(../img/nextProje.png) no-repeat; background-size: 100% 100%; }

.prevProje a:hover, .nextProje a:hover { color:#C62129; }

.ikPage { font-size: 14px; line-height:1.5; color:#595757; }
    .ikPage img { display: block; float: left; width: 30%; margin: 0 15px 10px 0; }

.urunDetayPdf {width: 24%; height: 125px; display: block; border: 2px solid #7E8083; float: right; text-align: center; color: #fff; padding: 8px; font-size: 17px; margin-top: 40px; line-height:normal; margin-left:1%;}
.urunDetayPdf span {float: left; width: 100%; font-size: 13px; margin-top: 30px; color: #7E8083; padding-top:25%;}

.pdfLink {  background: url(../img/urunDetayPdfBack1.png) no-repeat; background-size: 100% auto;}
.drawLink {  background: url(../img/urunDetayPdfBack2.png) no-repeat; background-size: 100% auto;}
.certificateLink {  background: url(../img/urunDetayPdfBack3.png) no-repeat; background-size: 100% auto;}
.videoLink {  background: url(../img/urunDetayPdfBack4.png) no-repeat; background-size: 100% auto;}

.iliskiliUrunler {float: left; width: 100%; border-top: 1px solid #7E8083; margin-top: 40px; text-align: center; padding: 50px 0px;}
.iliskiliUrunler h3 {font-size: 19px; margin-bottom: 23px; color: #444444;}
.iliskiliBox {width: 250px; float: left; margin-right: 20%; margin-right: 16%;}
.mr0 {margin-right: 0%;}
.iliskiliBoxLeft {width: 50%; float: left;}
.iliskiliBoxLeft img {width:100%; float:left;}
.iliskiliBoxRight {width: 50%; float: left;  border: 1px solid #7E8083; height:96px;}
.iliskiliBoxRight ul {text-align: left; color: #3c3c3c; font-size: 13px; padding: 10px; font-weight: 600;}
.iliskiliBoxRight ul li {padding: 4px 0px;}

.iliskiliBox a { color: #3c3c3c; }
.iliskiliBox:last-child { margin-right: 0; }

.urunlerSlide h1 {position: absolute; top: 31%; right: 2%; color: #fff; font-size: 50px; line-height: 71px; text-align: right; width:24%;}
.urunlerPage .container > p {margin: 60px 0px; line-height: 23px;}
.urunlerPage .projectBox {width: 24.5%;}
.urunlerPage .projectBox .projeName {font-size: 17px; line-height: 28px; background: url(../img/projeNameBackK.png) no-repeat; background-size: 100% 100%; }
//urunlerPage .projectBox a {position: absolute; bottom: 12px; right: 12px;}
.urunlerPage .projectBox img {width: 100%; display: block;-webkit-transition: all 0.2s;  -moz-transition: all 0.2s;  -o-transition: all 0.2s;  transition: all 0.2s;}
.urunlerPage .projectBox a:hover img { opacity:0.8;}
.urunlerPage .projectBox a {width: 100%; display: block;}





.hrFormContent { width:50%; float:left;}
.contactFormContent { width:100%; float:left;}
.hyTxtBox {height: 60px;width: 45%;background: #e8eef3;display: block;float: left;font-size: 12px;color: #64686e;padding-left: 15px;border: 1px solid #bbb;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin: 0 5% 2% 0%;}

.hrTxtBox {height: 60px;width: 23%;background: #e8eef3;display: block;float: left;font-size: 12px;color: #64686e;padding-left: 15px;border: 1px solid #bbb;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin: 0 1% 2% 1%;}
.hrTxtArea {height: 160px;width:98%;background: #e8eef3;display: block;float: left;font-size: 12px;color: #64686e;padding: 15px 0 0 15px;border: 1px solid #bbb;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius:10px;margin: 0 1% 2% 1%;}
.hrTxtbim {height: 60px;width:98%;background: #e8eef3;display: block;float: left;font-size: 12px;color: #64686e;padding: 15px;border: 1px solid #bbb;-webkit-border-radius:10px;-moz-border-radius: 10px;border-radius:10px;margin: 0 1% 2% 1%;}


.cvUpload{height: 60px;width: 73%;background: #e8eef3 ;display: block;float: left;font-size: 12px;color: #64686e;padding-left: 15px;border: 1px solid #bbb;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; position:relative; margin-left: 1%;}
.cvUpload input{ position: absolute; opacity: 0;    display: block;width: 100%;height: 100%; }
.cvUpload  label{ width:100%; line-height: 60px; display:block; }
.hrBtn {height: 60px;width: 23%;background: #C62129;display: block;float: right;font-size: 12px;color: #fff;padding-left: 15px;border: 1px solid #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin: 2% 1% 2% 1%;}

.hrDropDown{height: 60px;width: 23%;background: #e8eef3;display: block;float: left;font-size: 12px;color: #64686e;padding-left: 15px;border: 1px solid #bbb;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;margin: 0 1% 2% 1%;}

.chkBox a{font-size: 12px;color: #64686e; text-decoration:underline;}
    .chkBox label { cursor: pointer; }
.chkBox {font-size: 12px;color: #64686e;}

.positions { width:49%; float:left;}
.positions h3 { display:block; line-height:60px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background:#fff; padding-left:15px; font-size:12px; color:#C62129; position:relative; cursor:pointer; margin-top:10px;}
    .positions h3:first-child {margin-top:0;}
.positions h3:first-child, .positions h3.active {color:#fff; background:#C62129;}
.positionTxt { display:none; font-size:12px; padding:25px 15px 15px 15px;border: 1px solid #bbb;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; margin-top:-10px;}
.positionTxt:nth-child(2) { display: block; }


.positions2 { width:100%; float:left;}
.positions2 h3 { display:block; line-height:60px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; background:#91908e; padding-left:15px; font-size:18px; color:#fff; position:relative; cursor:pointer; margin-top:10px; background-image: url(../img/alt.png); background-position: 96% 50%;     background-repeat: no-repeat;}
    .positions2 h3:first-child {margin-top:0;}
.positions2 h3.active {color:#fff; background:#C62129; background-image: url(../img/ust.png); background-position: 96% 50%;     background-repeat: no-repeat;}
.position2Txt { display:none; font-size:16px; padding:25px 15px 15px 15px;border: 1px solid #bbb;-webkit-border-bottom-right-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; margin-top:-10px; line-height: 2;}



.position2Txt ul li {
	list-style-type:none; 
	background:url(../img/down.png) left center no-repeat; 
	padding:2px 0px 8px 40px;
}
.position2Txt ul li:hover {
	background:url(../img/down2.png) left center no-repeat ;
}
.position2Txt  ul li a {
	text-decoration:none;color: #484849;
}
.position2Txt  ul li a:hover {
	color:#c62129;
}




::-webkit-input-placeholder {color:#64686e;}
:-moz-placeholder {color:#64686e;}
::-moz-placeholder {color:#64686e;}
:-ms-input-placeholder {color:#64686e;}

.videoContainer { width: 100%; padding-top:50px;}
    .videoContainer video { width: 100%; height: auto; }

img.aboutImg { display: block; width: 40%; float: left; margin: 0 10px 10px 0; }

.contactPage{ width: 100%; background: #fff; margin-bottom:15px; }
.contactInfo {width:48%; float:left; margin:0 2% 0 0;}
.contactInfo.right { margin: 0 0 0 2%; }
.contactInfo div {padding:25px; }
    .contactInfo img { display: block; width: 100%; }
.contactInfo h4 {padding:10px 0 5px; color:#C62129; }
.contactMap { width: 50%; float: left; height:270px;}

.gallery { border-top:1px solid #ddd; padding-top:45px;}
.gallery a { display:block; width:23%; margin:0 2% 2% 0; border:2px solid #7E8083; float:left;}
    .gallery a:hover {border:2px solid #C62129;}
    .gallery a img { display: block; width: 100%; }
    


/* BİM TABLO DETAY */
div#bimtablo table {border-collapse : collapse; width:100%; margin-bottom : 15px;}
div#bimtablo td, div#bimtablo th {text-align : center; padding : 5px 4px; border-bottom : 1px solid #ccc; border-right : 1px dashed #ccc;}
div#bimtablo th {border-top : 1px solid #ccc;}
div#bimtablo tr.odd {background-color : #f3f3f3;}
div#bimtablo tr:hover {background-color : #ecd6af;}
div#bimtablo thead tr:hover {background-color : transparent;	color : inherit;}
div#bimtablo td.rborder, div#bimtablo th.rborder {border-right : none; text-align : left;}
div#bimtablo table img {width:30px; border:none;}

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid orange;
    background-color: white;
    z-index:1002;
    overflow: auto;
}