@import 'https://fonts.googleapis.com/css?family=Pavanam:400,600,700&subset=latin-ext';

/* CSS Document */
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, font, 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 {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }
del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

.mobilDemo {
display:none !important;
}

/******* css ******/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#FFF;
	color:#333333;
}
#LangBar 
{
	width:950px;
	height:0;
	position:relative;
	z-index:6;
	margin:0 auto;
}
#LangBlock 
{
	width:48px;
	height:9px;
	position:absolute;
	top:10px;
	right:0;
}
.lngTr 
{
	width:12px;
	height:9px;
	background:url(../images/langTr.gif) top left no-repeat;
	display:inline-block;
}
.lngTrSelected, .lngTr:hover
{
	background:url(../images/langTrAct.gif) top left no-repeat;
}
.lngEng 
{
	width:16px;
	height:9px;
	background:url(../images/langEng.gif) top left no-repeat;
	display:inline-block;
}
.lngEngSelected, .lngEng:hover
{
	background:url(../images/langEngAct.gif) top left no-repeat;
}
#Container
{
	position:relative;
	z-index:1;
	}
#TopContainer{
	}
#Top {
	width:950px;
	height:105px;
	margin:0 auto;
	position:relative;
	z-index:5;
	}
#MiddleTop {
	text-align:center;
	position:relative;
	z-index:2;
	}
#MiddleContainer {
	position:relative;
	z-index:3;
	}
#Middle {
	width:959px;
	margin:0 auto;
	position:relative;
	top:-30px;
	background:url(../images/middleTop.png) top left no-repeat;
	padding:30px 50px;
	}
#MiddleMain {
	width:950px;
	margin:0 auto;
}
#BottomContainer {
	background-color:#eee;
	}
#Bottom {
	width:950px;
	margin:0 auto;
	position:relative;
	z-index:2;
	padding:40px 0 60px 0;
	font-size:12px;
	}
#Bottom a 
{
	color:#333333;
	text-decoration:none;
	}
#Bottom a:hover 
{
	color:#ee7a13;
	text-decoration:none;
	}
/**************** top *************************/
#Logo {
	width:114px;
	height:81px;
	position:absolute;
	bottom:10px;
	left:0px;
	}
#MainMenu {
	position:absolute;
	left:280px;
	bottom:23px;
	z-index:5;
	}
#MainUl li.topLi{
	display:block;
	float:left;
	font-size:17px;
	font-weight:normal;
	position:relative;
	z-index:2;
	margin-right:1px;
}
#MainUl li.topLi .r {
	display:block;
	width:10px;
	height:38px;
	top:0;
	right:0;
	background:url(../images/topMenuRight.jpg) top left no-repeat;
	position:absolute;
	z-index:2;
	display:none;
}
#MainUl li.topLi .arr {
	display:block;
	width:11px;
	height:6px;
	top:16px;
	right:15px;
	background:url(../images/topDownArrow.png) top left no-repeat;
	position:absolute;
	z-index:3;
	display:none;

}
#MainUl li.topLi a {
	display:block;
	color:#333333;
	padding:10px 15px 0 15px;
	height:28px;
}
#MainUl li.topLi a.overThis 
{
	padding:10px 32px 0 15px;
}
#MainUl li.topLi a.topLnk:hover {
	display:block;
	color:#000;
    background: rgb(225,225,225); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(225,225,225,1) 0%, rgba(239,239,239,1) 50%, rgba(230,230,230,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(225,225,225,1) 0%,rgba(239,239,239,1) 50%,rgba(230,230,230,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(225,225,225,1) 0%,rgba(239,239,239,1) 50%,rgba(230,230,230,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	/*background:url(../images/topMenuBack.jpg) top left no-repeat;*/
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
    #MainUl li.topLi:hover .arr {
        display:inline;
    }
#DemoReguest {
	position:absolute;
	right:0;
	bottom:37px;
	}
.topSubMenu {
	position:absolute;
	z-index:4;
	background-color:#fff;
	padding:15px 0px 5px 0px;
	display:none;
	min-width:130px;
	top:50;
	left:0;
}
.topSubMenu li{
	display:block;
	font-size:14px;
	white-space:nowrap;
	padding:0 15px;
}
.topSubMenu li a {
	display:block;
	color:#333333;
	padding:6px 0 !important;
	height:inherit !important;
	border-bottom:1px dashed #eee;
	width:100%;
	
}
.topSubMenu li:hover {
	display:block;
	color:#000;
	background-color:#e8e8e8;
}
.golge 
{
	position:absolute;
	top:1px;

	left:0;
	z-index:4;
	background:url(../images/transparent.png);
	color:White;
	width:100%;
}
/******************* mainpage middle *********************/
.showCaseCont 
{
	position:relative;
	z-index:3;
}
#showCaseNavCont 
{
	position:absolute;
	z-index:9;
	bottom:10px;
	width:100%;
}
#showCaseNav 
{
	width:950px;
	text-align:center;
	margin:0 auto;
}
#showCaseNav a {
	display:inline-block;
	width:11px;
	height:11px;
	font-size: 0px;
	margin-right: 3px;
	text-align: center;
	color: #666666;
	text-decoration: none;
	background:url(../images/scPassive.png) top left no-repeat;
	position:relative;
}
#showCaseNav a .slidePopUp {
	position:absolute;
	top:-75px;
	left:-27px;
	display:none;
}
#showCaseNav a.activeSlide {
	background:url(../images/scCurrent.png) top left no-repeat;
}
#showCaseNav a:focus {
	outline: none;
}
#showCase {
	width:950px;
	height:319px;
	padding-top:40px;
	margin:0 auto;
	text-align:left;
	}
.showCaseBox {
	width:950px;
	height:255px;
	position:relative;
	z-index:3;
	margin:40px 15px 0 15px;
	display:none;
	}
.showCaseBox .popUp 
{
	display:none;
}
.showCaseBox a {
	color:#333;
	}
.showCaseBox .left {
	width:470px;
	height:251px;
	float:left;
	position:relative;
	z-index:3;
	font-size:16px;
	}
.showCaseBox .left p cufon
{
	padding-bottom:5px;
	}
.showCaseBox .left strong, .errorTitle {
	display:block;
	font-size:30px;
	padding:30px 0 15px 0;
	}
.showCaseBox .left .btnProjeyiGor {
	position:absolute;
	left:0;
	top:220px;
	}
.showCaseBox .left .brandLogo {
	position:absolute;
	right:0;
	bottom:0;
	}
.showCaseBox .right {
	width:448px;
	height:251px;
	float:right;
	border:1px solid #fff;
	margin-right:15px;
	}
#BrandBox {
	text-align:center;
	width:100%;
	border-bottom:1px dashed #eee;
	padding:10px 0;
	overflow:hidden;
	position:relative;
	z-index:1;
	}
#BrandBox .left 
{
	width:25px;
	height:48px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	background:url(../images/brandLeft.png) top left no-repeat;
}
#BrandBox .right 
{
	width:25px;
	height:48px;
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	background:url(../images/brandRight.png) top left no-repeat;
}
.brands 
{
	white-space:nowrap;
	height:38px;
}
#BrandBox img {
		margin:0 9px;
	}
.colorPhoto {
		display:none;
	}
#ViewSlider {
	border-bottom:1px dashed #eee;
	position:relative;
	z-index:1;
	padding-bottom:20px;
	width:560px;
	}
#ViewSliderNav {
	position:absolute;
	bottom:15px;
	right:0;
	text-align:center;
	width:400px;
	z-index:99;
}
#ViewSlider .photo 
{
	width:142px;
	float:left;
	margin-right:10px;
	}
#ViewSliderCont
{
	width:400px;
	float:left;
	}
#ViewSliderNav a, #ReferenceBoxNav a {
	display:inline-block;
	width:11px;
	height:11px;
	font-size: 0px;
	margin-right: 3px;
	text-align: center;
	color: #666666;
	text-decoration: none;
	background:url(../images/scPassive.png) top left no-repeat;
}
#ViewSliderNav a.activeSlide, #ReferenceBoxNav a.activeSlide {
	background:url(../images/scCurrent.png) top left no-repeat;
}
#ViewSliderNav a:focus, #ReferenceBoxNav a:focus {
	outline: none;
}
.slideBox {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	font-style:italic;
	padding:20px 2px;
	display:none;
	}
.slideBox cufon  {
	padding-bottom:3px;
	}
.slideBox span {
	font-size:14px;
	font-style:normal;
	color:#8b8b8b;
	display:block;
	text-align:right;
	}
#MainContent {
	padding:15px 0 30px 0;
	}
#MainContent .left {
	width:570px;
	float:left;
	border-right:1px dashed #eee;
	
	}
#MainContent .right {
	width:350px;
	float:right;
	}
#BigViewBox 
{
	width:560px;
	border-bottom:1px dashed #eee;
	padding:15px 0;
	}
#BigViewBox .photo 
{
	width:142px;
	float:left;
	margin-right:10px;
	}
#BigViewBox .text 
{
	width:400px;
	float:left;
	font-size:15px;
	line-height:140%;
	}
#BigViewBox strong 
{
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	margin-bottom:15px;
	font-weight:normal;
	font-style:italic;
	}
#BigViewBox .btn 
{
	margin-top:35px;
	}
#MainTwitBox 
{
	padding:15px 0;
}
#MainTwitBox h2
{
	background:url(../images/twitTitle.jpg) top left no-repeat;
	padding-left:40px;
	height:17px;
	padding-top:3px;
}
.twitBox 
{
	width:150px;
	float:left;
	margin-right:40px;
	font-size:12px;
	color:#333333;
}
.twitBox h3
{
	color:#8b8b8b;
}
.twitBox a
{
	color:#ee7a13;
}
.anounceBox 
{
	margin-top:15px;
	font-size:13px;
	color:#333;
}
.anounceBox .photo
{
	width:124px;
	float:left;
}
.anounceBox .text
{
	width:215px;
	float:right;
}
.anounceBox a
{
	color:#333;
}
.anounceBox a:hover
{
	color:#000;
}
.anounceBox strong
{
	display:block;
	font-size:14px;
	font-weight:bold;
	padding-bottom:3px;
}
.anounceBox span
{
	display:block;
	font-size:12px;
	color:#8b8b8b;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:7px;
}
/**************** reference middle ***********************/
#ReferenceMiddle {
	width:950px;
	margin:0 auto;
	text-align:left;
	color:#333;
}
#ReferenceMiddle  h1.cfn{
	font-size:30px;
	padding:35px 0 25px 0;
	color:#333333;
}
.referenceMiddle {
	padding-top:20px;
}
.referenceMiddle h2 {
	font-size:24px;
	float:left;
}
#BigReferences {
	width:942px;
	padding-bottom:20px;
}
.bigReferenceBox {
	width:304px;
	float:left;
	margin-right:15px;
	cursor:pointer;
}
.boxStyle {
	font-size:14px;
}
.boxStyle img {
	padding-bottom:15px;
}
.boxStyle strong {
	display:block;
	font-weight:bold;
	padding-bottom:4px;
}
.boxStyle span {
	display:block;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8b8b8b;
	padding-bottom:4px;
}
.boxStyle a
{
	color:#ee7a13;
}
#BigReferenceFull 
{
	border-top:1px dashed #e2e2e2;
	padding:15px 0;
	height:630px;
	position:relative;
	z-index:1;
	display:none;
}
#BigReferenceFullClose 
{
	width:28px;
	height:28px;
	background:url(../images/lightBoxClose.png) 0px 0px no-repeat;
	position:absolute;
	top:-7px;
	right:-10px;
	z-index:7;
	cursor:pointer;
	display:none;
	}
#BigReferenceFullClose:hover 
{
	background:url(../images/lightBoxClose.png) 0px 0px no-repeat;
}
.bigReferenceFullBox 
{
	display:none;
	}
#ReferenceBoxesContainer {
	clear:both;
	position:relative;
	z-index:10;
	min-height:300px;
}
.referenceBoxes
{
	width:101%;
	height:665px;
	overflow:hidden;
}
#ReferenceBoxNav 
{
	text-align:center;
	padding:8px 0;
}
#PagerDiv 
{
	position:relative;
}
.referenceBox {
	width:225px;
	height:210px;
	margin:0 14px 15px 0;
	float:left;
	cursor:pointer;
}
#Filters {
	float:right;
	width:380px;
	height:32px;
}
#Filters div.overThis{
	position:relative;
	z-index:18;
	padding-bottom:10px;
}
#Filters a.overThis{
	padding-right:13px;
}
#Filters a.overThis:hover{
	background:url(../images/leftDownArrow.png) right 6px no-repeat;
}
#Filters div.overThis .SubMenu{
	position:absolute;
	z-index:5;
	top:32px;
	right:-3px;
	text-align:right;
	background-color:#FFF;
	border:1px solid #c5c5c5;
	padding:10px;
	white-space:nowrap;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display:none;
}
#Filters div.overThis .SubMenu li {
	padding:3px 0;
}
#Filters .filterButtons, #Filters .filterSeperator {
	float:right;
	margin:0 10px;
}
#Filters .filterSeperator {
	margin:0 20px;
	text-align:center;
}
#Filters .filterButtons {
	padding-top:7px;
	font-size:14px;
	font-weight:bold;
}
#Filters .filterButtons a {
	color:#8b8b8b;
}
#Filters .filterButtons a:hover, #Filters .filterButtons a.selected {
	color:#333;
}
.allProjects 
{
	color:#ef8323;
	cursor:pointer;
}
/*************** lightbox ****************************/
.transparentWhite {
	background:url(../images/whiteTransparent.png);
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	width:100%;
	height:100%;
	display:none;
	
}
.referenceLigthBox {
	width:873px;
	height:333px;
	padding:15px;
	background:url(../images/lightBoxBackGround.png) top left no-repeat;
	position:absolute;
	top:50px;
	left:20px;
	z-index:12;
	display:none;
	
	}
.referenceLigthBox #closeButton {
	width:28px;
	height:28px;
	background:url(../images/lightBoxClose.png) -0px 0px no-repeat;
	position:absolute;
	top:-12px;
	right:-12px;
	z-index:7;
	cursor:pointer;
	}
.referenceLigthBox #closeButton:hover {
	background:url(../images/lightBoxClose.png) -0px 0px no-repeat;
	}
.referenceLigthBox .lbLeft {
	width:16px;
	height:19px;
	background:url(../images/lightBoxBottomLeftArrow.png) 0px -32px no-repeat;
	position:absolute;
	bottom:19px;
	right:54px;
	z-index:7;
	cursor:pointer;
	}
.referenceLigthBox .lbLeft:hover {
	background:url(../images/lightBoxBottomLeftArrow.png) 0px 0px no-repeat;
	}
.referenceLigthBox .lbRight {
	width:16px;
	height:19px;
	background:url(../images/lightBoxBottomRightArrow.png) 0px 0px no-repeat;
	position:absolute;
	bottom:19px;
	right:21px;
	z-index:7;
	cursor:pointer;
	}
.referenceLigthBox .lbRight:hover {
	background:url(../images/lightBoxBottomRightArrow.png) 0px -32px no-repeat;
	}
.referenceLigthBox .left{
	width:592px;
	float:left;
	position:relative;
	z-index:6;
	}
.referenceLigthBox .left .navLeft{
	left:0;
	top:146px;
	width:40px;
	height:40px;
	background:url(../images/lightBoxLeftArrow.png) 0px -50px no-repeat;
	position:absolute;
	z-index:7;
	cursor:pointer;
	}
.referenceLigthBox .left .navLeft:hover{
	background:url(../images/lightBoxLeftArrow.png) 0px 0px no-repeat;
	}
.referenceLigthBox .left .navRight{
	right:0;
	top:146px;
	width:40px;
	height:40px;
	background:url(../images/lightBoxRightArrow.png) 0px 0px no-repeat;
	position:absolute;
	z-index:7;
	cursor:pointer;
	}
.referenceLigthBox .left .navRight:hover{
	background:url(../images/lightBoxRightArrow.png) 0px -50px no-repeat;
	}
.referenceLigthBox .right{
	width:260px;
	float:left;
	margin-left:15px;
	color:#FFF;
	}
.referenceLigthBox .right strong{
	font-size:23px;
	display:block;
	}
.referenceLigthBox .right span {
	font-size:12px;
	color:#8b8b8b;
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-bottom:10px;
	}
.referenceLigthBox .right .button {
	display:block;
	margin-top:20px;
	}
/**************** middle *********************************/
.middleGrey {
	background:url(../images/referenceMiddleBack.jpg) top center no-repeat #e3e3e3;
	}
.middleGreyBottom 
{
	background:url(../images/referenceMiddleBottomBack.png) top center no-repeat;
	height:4px;
	font-size:0;
}
.backGroundImg 
{
	height:230px;
	background:top center no-repeat #e3e3e3;
}
#LeftBlock {
	width:200px;
	float:left;
	}
#LeftBlock h1 {
	font-size:18px;
	color:#01719f;
	margin-bottom:10px;

	}
#LeftMenuUl 
{
	font-size:14px;
	}
#LeftMenuUl li.topLi 
{
	width:100%;
	border-bottom:1px dashed #eee;
	padding:15px 0 12px 0;
	
	}
#LeftMenuUl a.topLi 
{
	display:block;
	font-weight:bold;
	color:#333;
	background:url(../images/leftRightArrow.png) 0px 4px no-repeat;
	padding-left:15px;
	}
#LeftMenuUl a.overThis 
{
	background:url(../images/leftDownArrow.png) 0px 7px no-repeat;
	}
#LeftMenuUl a.selectThis 
{
	color:#ed7c02;
	}
#LeftMenuUl li.topLi ul
{
	margin:15px 0 0 10px;
	}
#LeftMenuUl li.topLi ul li
{
	width:100%;
	padding:5px 0;
	
	}
#LeftMenuUl li.topLi ul li a
{
	display:block;
	color:#8b8b8b;
	background:url(../images/leftRightArrow.png) 0px 4px no-repeat;
	padding-left:10px;
	}
#LeftMenuUl li.topLi ul li a.selectThis, #LeftMenuUl li.topLi ul li a:hover
{
	color:#333 !important;
	}
#RightBlock {
	width:720px;
	float:right;
	padding-top:25px;
	}
#RightBlock .left {
	width:460px;
	float:left;
	margin-right:30px;
	line-height:18px;
	color:#333333;
	}
#RightBlock .leftFull p {
	line-height:18px;
	}
#RightBlock .leftFull a, #RightBlock .left a {
	color:#0770a3;
	}
#RightBlock .left ul, #RightBlock .leftFull ul
{
	list-style-type:disc;
	margin-left:15px;
	}
#RightBlock .left ol , #RightBlock .leftFull ol 
{
	list-style-type:decimal;
	margin-left:15px;
	}
#RightBlock .left li, #RightBlock .leftFull li
{
	margin-bottom:5px;
	}
#RightBlock .left .vurgulu, #RightBlock .leftFull .vurgulu{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:27px;
	}
.altiBasamak {
	text-align:center;
	margin-bottom:25px;
	color:#333;
	position:relative;
	z-index:2;
	background:url(../images/6BasamakMiddle.jpg) top left repeat-y;
	font-weight:bold;
	}
.altiBasamak .altiBasamakNumber {
	position:absolute;
	top:-14px;
	left:200px;
	z-index:3;
	width:24px;
	height:18px;
	color:#fff;
	font-weight:bold;
	background:url(../images/6BasamakMadde.png) top left repeat-y;
	padding-top:6px;
	}
.altiBasamak .top {
	background:url(../images/6BasamakTop.jpg) top left no-repeat;
	height:9px;
	margin-bottom:6px;
	}
.altiBasamak .bottom {
	background:url(../images/6BasamakBottom.jpg) top left no-repeat;
	height:9px;
	margin-top:6px;
	}
#RightBlock .right {
	width:225px;
	float:right;
	}
.rightBox {
	margin-bottom:15px;
	}
.rightBox h2 {
	font-size:13px;
	padding-bottom:5px;
	}
.detailBox {
	}
.detailBox h3.titleTr {
	background:url(../images/ayrintiliBilgiBaslik.gif) top left no-repeat;
	height:33px;
	}
.detailBox h3.titleEn {
	background:url(../images/ayrintiliBilgiBaslikEn.gif) top left no-repeat;
	height:33px;
	}
.detailBox h3 span {
	display:none;
	}
.detailBox .text {
	background:url(../images/ayrintiliBilgiBack.jpg) top left repeat-x;
	padding:20px 15px 0 15px;
	}
.detailBox .text .dbBtn{
	margin-top:8px;
	}
/******** bottom *********************/
#BottomTop {
	background:url(../images/bottomTop.jpg) top center no-repeat;
	height:8px;
	position:relative;
	left:-12px;
	top:-44px;
	width:950px;
    display:none;
	}
#Bottom1 
{
	width:415px;
	height:260px;
	float:left;
}
#Bottom2
{
	width:225px;
	float:left;
}
#Bottom3
{
	width:140px;
	float:left;
	padding-top:30px;
}
#Bottom4
{
	float:right;
	text-align:right;
	color:#333;
	line-height:18px;
}
#Bottom1 .AltUl
{
	width:190px;
    line-height: 23px;
}
.AltUl 
{
	margin:0 17px 10px 0;
	float:left;
}
.AltUl li a 
{
	display:block;
	width:100%;
	padding-bottom:3px;
	color:#333;
}
.AltUl li a.overThis 
{
	color:#01719f !important;
	font-size:16px;
	padding-bottom:8px;
	font-weight:300;
}
.AltUlLeft
{
	margin-left:208px;
}
	
#SocialMedia 
{
	min-height:120px;
}
#SocialMedia dt
{
	float:left;
	width:27px;
	height:25px;
}
#SocialMedia dd
{
	float:left;
	width:205px;
	height:25px;
}
#SubSocialButtons 
{
	clear:left;
	border-top:1px solid #dbdbdb;
	width:160px;
	margin-top:15px;
	padding-top:10px;
}
/*********** contact ***********/
.addressBox 
{
	padding:20px 0 40px 0;
	border-bottom:1px dashed #eee;
	}
.addressBox cufon 
{
	padding-bottom:6px;
	}
.addressBox .left 
{
	width:300px;
	font-size:18px;
	color:#8b8b8b;
	float:left;
	padding:10px 0;
	padding-left:95px;
	background:url(../images/adresIcon.jpg) top left no-repeat;
}
.addressBox .right 
{
	width:300px;
	font-size:18px;
	color:#8b8b8b;
	float:left;
	padding:10px 0;
	padding-left:95px;
	background:url(../images/phoneIcon.jpg) top left no-repeat;
}
.addressBox .right  a
{
	color:#8b8b8b;
	text-decoration:none;
}
.pixQueto 
{
	font-size:23px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:20px 0;
	font-style:italic;
}
.pixQueto a 
{
	color:#0770a3;
}
.pixQueto span
{
	color:#ee7a13;
}
.formBox {
	border-bottom:1px dashed #eee;
	border-top:1px dashed #eee;
	padding:20px 0;
}
.formBox span {
	font-size:14px;
	color:#333;
	display:block;
	padding-bottom:15px;
}
.formm 
{
	width:720px;
	position:relative;
	z-index:1;
}
.formm .left
{
	width:351px;
	height:33px;
	float:left;
	margin-bottom:15px;
}
.formm .leftDemo
{
	width:341px;
	height:58px;
	float:left;
	margin-bottom:15px;
	    background-color:#efefef;
    border-radius:4px;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
	color:#8b8b8b;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
}
.formm .right
{
	width:351px;
	height:33px;
	float:right;
	margin-bottom:15px;
	margin-right:5px;
}
.formm .rightDemo
{
	width:341px;
	height:auto;
	float:right;
	margin-bottom:15px;
	margin-right:5px;
	color:#8b8b8b;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
    background-color:#efefef;
    border-radius:4px;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
}
.formm .textbox
{
	width:331px;
	height:33px;
	    background-color:#efefef;
    border-radius:4px;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
	border:none;
	color:#8b8b8b;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 10px;
	
}
.formm .txtCode
{
	width:153px;
	height:33px;
	    background-color:#efefef;
    border-radius:4px;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.15);
	border:none;
	color:#8b8b8b;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 10px;
	
}
.formm .textarea
{
	width:697px;
	height:240px;
	background:url(../images/textArea.jpg) top left no-repeat;
	border:none;
	color:#8b8b8b;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	
}
.formm .veritification 
{
	margin-top:15px;
}
.formm .button 
{
	position:absolute;
	bottom:5px;
	right:2px;
}
/***** news ****************/
.newsMenu h2 
{
	display:block;
	padding:4px 8px;
	border-bottom:1px dashed #ececec;
	margin:3px 0;
	cursor:pointer;
}
.newsMenuContent 
{
	 font-size:14px;
	 padding:4px 8px;
	 line-height:140%;
	 display:none;
}
.newsMenuContent a
{
	 color:#ee7912;
	 font-weight:bold;
}
/********************* is ortak ************************/
.partnerBox {
	width:134px;
	height:85px;
	border:1px solid #f2f2f2;
	float:left;
	margin:3px;
	padding:3px;
	text-align:center;
}
.partnerBox a {
	color:#8f8f8f !important;
}
/********************** common ***********************/
.clearX {
	clear:both;
	height:0px;
	font-size:0px;
	}
h1
{
	color:#01719f;
	font-size:24px;
	margin-bottom:10px;
	font-weight:300;
}
h2 
{
	color:#01719f;
	font-size:16px;
	margin-bottom:10px;
	font-weight:300;
}
p 
{
	padding-bottom:20px;
}
a {
	text-decoration:none;
}
.ikForm
{
	background-color: #f9f9f9;
	padding: 5px;
	border: 1px solid #f2f2f2;
	margin: 0 0 10px 0;
}
.FormAlertStar 
{
	color:#939393;
	font-style:italic;
}
.lnkNews 
{
	margin-top:8px;
	float:right;
	color:#01719f;
}
.uyari, .valSpan 
{
	color:#e2e2e2;
}
.failure 
{
	color:#ed7c02;
	font-size:14px;
	padding:10px;
	border:1px solid #ed7c02;
	width:690px;
	margin-bottom:5px;
}
.success 
{
	color:#2e8ab0;
	font-size:14px;
	padding:10px;
	border:1px solid #2e8ab0;
	width:600px;
	margin-bottom:5px;
}
/*** modal box ***/
#ModalBoxCont
{
	background-image:url(../images/transparent.png);
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	width:100%;
	display:none;
}
#ModalBox
{
	width:948px;
	height:535px;
	margin:140px auto 0 auto;
	background-color:#fff;
	padding:2px;
	border:1px solid #000;
	position:relative;
	display:none;
}
#ModalBoxClose {
	width:28px;
	height:28px;
	background:url(../images/lightBoxClose.png) -0px 0px no-repeat;
	position:absolute;
	top:-20px;
	right:-20px;
	z-index:100;
	cursor:pointer;
	}
#ModalBoxClose:hover {
	background:url(../images/lightBoxClose.png) -0px 0px no-repeat;
	}
.count-banner {
    position:relative;
    width:100%;
    height:350px;
}
.banner-text {
    position:absolute;
    width:auto;
    line-height:36px;
    text-align:left;
    font-size:24px;
    box-sizing:border-box;
    padding:0;
    vertical-align:top;
    color:#fff;
    font-family: 'Pavanam', sans-serif;
    font-weight:400;
    text-align:center;
    top:30%;
    text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.3);
}
.banner-text span.big {
    font-size:34px;
}
.banner-counter {
    display:inline-block;
    text-align:center;
    width:40px;
}
.txt1 {
    top:29%;
    left:6%;
    line-height:49px;
}
.txt2 {
    left:33%;
}
.txt3 {
    left:72%;
    top:44%;
}
#count-banner-back{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-color: #ed7a16; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }

.mobilDemo {
    display:none !important;
}
#MobileMenu {
    display:none;
}

.msLogo {
    text-align:right;
}

@media all and (max-width: 767px) {
body {
margin:0;
}
#Container {
	overflow:hidden;
}
    .mobilDemo {
        display:block;
    }
    #DemoReguest {
        display:none;
    }
    #LangBar {
    width:100%;
    }
    #LangBlock {
        right: 20px;
    }
    #Top {
        width: 100%;
        height: 105px;
    }
    #Logo {
        width: 114px;
        height: 81px;
        bottom: 10px;
        left: 0px;
    }
    #MobileMenu {
        display:block;
        position:absolute;
        top:40%;
        right:5%;
        cursor:pointer;
    }
    #MainMenu {
        left: 0;
        right:0;
        bottom: inherit;
        top:-500px;
        background-color:#fff;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.5s, visibility 0s 0.5s, top 0.5s;
       -webkit-transition: opacity 0.5s, visibility 0s 0.5s, top 0.5s;
       border-top:5px solid #eee;
    }
    #MainMenu.active {
        top:105px;
        visibility: visible;
        opacity: 1;
        transition: opacity 0.3s, visibility 0s 0s, top 0.3s;
        -webkit-transition: opacity 0.3s, visibility 0s 0s, top 0.3s;
    }
    ul {
        padding:0;
        }
    #MainUl li.topLi {
        float:none;
        font-size: 17px;
        font-weight: normal;
        margin-right: 1px;
    }
    #MainUl li.topLi a:hover {
        display: block;
        color: #000;
        /* background: url(../images/topMenuBack.jpg) top left no-repeat; */
    }
    .topSubMenu {
        position: inherit;
        z-index: 4;
        background-color: #fff;
        padding: 15px 0px 5px 0px;
        display: none;
        min-width: 130px;
        top: inherit !important;
        left: inherit;
    }
    #showCase {
        width:100%;
    	height: 700px;
    	padding:0;
    	margin: 0 auto;
    	text-align: left;
        box-sizing:border-box;
    }
    .showCaseBox .left .brandLogo  {
        width:auto !important;
        height:auto  !important;
        min-height:auto  !important;
        position:inherit;
        top:inherit;
        left:inherit;
        display:block;
    }
    #showCaseNav {
        width:100%;
    }
    .showCaseBox {
	    width:100%;
	    height: 700px;
        margin:0;
        padding:20px;
        box-sizing:border-box;
    }
    .showCaseBox .left {
	    width:100%;
	    height:auto;
	    float:none;
        margin:0;
        padding:0;
        margin-top: 65%;
    }
    .showCaseBox .right {
	    width:100%;
	    height:auto;
	    float:none;
        margin:0;
        padding:0;
        position: absolute;
        left: 20px;
        top: 20px;
    }
    .showCaseBox .popUp {
        display: none;
    }
.showCaseBox .left strong, .errorTitle {
    display: block;
    font-size: 16px;
    padding: 15px 0 8px 0;
}
    #MiddleMain {
        width: 100%;
    }
    #MainContent .left {
        width: 100%;
        float: none;
        border-right: 1px dashed #eee;
    }
    #MainContent .right {
        width: 100%;
        float: none;
        margin-right:0;
        padding:10px;
        box-sizing:border-box;
    }
    .lnkNews {
        margin-right:5px;
    }
    #ViewSlider {
        width: 100%;
    }
    #ViewSlider .photo {
        width: 25%;
        float: left;
        margin-right: 10px;
    }
    #ViewSlider img {
        max-width:100%;
        height:auto;
    }
    #ViewSliderCont {
        width: 70%;
        float: left;
    }
    #ViewSliderNav {
        position: absolute;
        bottom: 15px;
        right: 0;
        text-align: center;
        width: 100%;
        z-index: 99;
    }
    .anounceBox .photo {
        width: 30%;
        float: left;
    }
     .anounceBox .photo img {
        width:100%;
        height:auto;
    }
    .anounceBox .text {
        width: 70%;
        float: right;
	padding-left:10px;
	box-sizing:border-box;
    }
    /* içsayfa */
        #Middle {
        width: 100%;
        margin: 0 auto;
        position: relative;
        top: -15px;
        background:#fff;
        padding: 10px;
        -webkit-box-shadow: 0px -3px 2px rgba(200, 200, 200, 0.75);
        -moz-box-shadow:    0px -3px 2px rgba(200, 200, 200, 0.75);
        box-shadow:         0px -3px 2px rgba(200, 200, 200, 0.75);
        box-sizing:border-box;
    }
    .backGroundImg img, .showCaseBox .right img {
        width:100%;
        height:auto;
        min-height:100px;
    }
    .backGroundImg {
        height: auto;
        min-height:100px;
    }
    #LeftBlock {
        width: 25%;
        display:none;
    }
    #RightBlock {
        width: 100%;
        padding:20px;
        box-sizing:border-box;
    }
    #RightBlock .left {
        width: 100%;
        float: none;
        margin-right: 30px;
        line-height: 18px;
        color: #333333;
    }
    #RightBlock .right {
        width: 100%;
        float: none;
    }
    #RightBlock .right img {
        display:block;
    }
      #RightBlock .right a img {
        width:initial;
        height:initial;
        max-width: 100%;
    }
    .detailBox h3.titleTr {
        background-size:cover;
    }
    .altiBasamak .altiBasamakNumber {
        left: 50%;
        height: 21px;
        padding-top: 3px;
    }
    #RightBlock .left li, #RightBlock .leftFull li {
        margin-bottom: 10px;
        line-height:140%;
    }
    /* içsayfa bitti*/
    /* ik form */
    .ikForm {
        box-sizing:border-box;
        line-height:140%;
        background-color: #f9f9f9;
        padding: 5px;
        border: 1px solid #f2f2f2;
        margin: 0 0 10px 0;
    }
    .iktable table td {
        display:block;
    }
    .iktable table td input{
        width:144px !important;
    }
    /* form bitti*/
    /* referanslar */
    #ReferenceMiddle {
        width: 100%;
        box-sizing:border-box;
        padding:20px;
    }  
    .referenceMiddle h2 {
        margin-left:20px;
    }  
    #BigReferences {
        width: 100%;
    }
    .bigReferenceBox {
        width: 100%;
        float: none;
        margin-right: 0;
        cursor: pointer;
    }
    .bigReferenceFullBox iframe {
        width:100%;
        height:auto;
    }
    .referenceBoxes {
        width: 100%;
        height:auto;
        min-height: 665px;
        overflow:visible;
        padding:20px;
    }
    .referenceBox {
        width: 100%;
        height: 210px;
        margin: 0 14px 15px 0;
        float: none;
        cursor: pointer;
    }
    .referenceLigthBox {
        width: 92%;
        background:none;
        background-color:#3d3d3d;
        border-radius:10px;
        box-sizing:border-box;
        left:10px;
        height:auto;
    }
    .referenceLigthBox .left {
        width: 100%;
        float:none;
    }
    .referenceLigthBox .left img {
        width: 100%;
        height:auto;
    }
    .referenceLigthBox .right {
        width: 100%;
        float:none;
        padding:20px 0 0 0;
        margin:0;
    }
    .ReferenceBoxNav {
        display:none;
    }
    /* referanslar bitti*/
    /* contact */
    .addressBox .right, .addressBox .left {
        width:100%;
        box-sizing:border-box;
        float:none;
    }
    .formm {
        width:100%;
    }
    .formm .left, .formm .right {
        width:100%;
        float:none;
    }
    .formm .textbox, .formm .textarea  {
        width:100%;
        box-sizing:border-box;
    }
.veritification td {
padding:0 !important;
}
.formm .txtCode {
width:80%;
}
.formm .button {
position:inherit;
display:block;
margin-top:10px;
}
    /*contact bitti*/
    #Bottom {
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        padding: 30px 10px;
        font-size: 12px;
    }
    #Bottom1 {
        width:100%;
        height:auto;
    }
    #Bottom1 .AltUl {
        width: 100%;
	padding:0;
    }
     #Bottom2 {
        width:100%;
    }
      #Bottom3 {
        width:100%;
        display:none;
    }
       #Bottom4 {
        width:100%;
        margin-right:0;
        text-align:left;
    }
    .banner-text {
        font-size:20px !important;
        text-align:center;
        width:100%;
    }
    .banner-text span.big {
    font-size:24px !important;
    }
    .txt1 {
        left:0;
        top:10%;
        line-height:120%;
    }
    .txt2 {
        left:0;
        top:40%;
        line-height:120%;
    }
    .txt3 {
        left:0;
        top:88%;
        line-height:120%;
    }
    .msLogo {
        text-align:left;
    }
    .partnerBox {
	    width:100%;
	    height:85px;
	    float:none;
	    margin:3px;
	    padding:3px;
	    text-align:center;
    }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
    #Top {
        width: 100%;
        height: 105px;
    }
    #MainMenu {
        left:initial;
        right:90px;
    }
    #MainUl li.topLi {
        font-size: 17px;
        font-weight: normal;
        margin-right: 1px;
    }
    #MainUl li.topLi a.overThis {
        padding: 10px 8px 0 5px;
    }
    #MainUl li.topLi:hover .arr {
        display:none;
    }
    #DemoReguest {
        right: 10px;
        bottom: 35px;
    }
    #showCase {
        width:100%;
    }
    #showCaseNav a .slidePopUp {
        position: absolute;
        top: -45px;
        left: -27px;
        display: none;
    }
    .showCaseBox {
        width: 100%;
        height: 255px;
        margin: 40px 15px 0 15px;
    }
    .showCaseBox .left {
        width: 50%;
        height: 251px;
        float: left;
        position: relative;
        z-index: 3;
        font-size: 16px;
    }
    .showCaseBox .right {
        width: 45%;
        height: auto !important;
        float: left;
        border: 1px solid #fff;
        margin-right: 15px;
    }
    .showCaseBox .left strong, .errorTitle {
        display: block;
        font-size: 25px;
        padding: 5px 0 2px 0;
    }
    .showCaseBox .left .brandLogo {
        width:auto !important;
    }
    #MiddleMain {
        width: 100%;
    }
    #MainContent .left {
        width: 62%;
        float: left;
        border-right: 1px dashed #eee;
    }
    #MainContent .right {
        width: 35%;
        float: right;
        margin-right:5px;
    }
    .lnkNews {
        margin-right:5px;
    }
    #ViewSlider {
        width: 100%;
    }
    #ViewSlider .photo {
        width: 25%;
        float: left;
        margin-right: 10px;
    }
    #ViewSlider img {
        max-width:100%;
        height:auto;
    }
    #ViewSliderCont {
        width: 70%;
        float: left;
    }
    #ViewSliderNav {
        position: absolute;
        bottom: 15px;
        right: 0;
        text-align: center;
        width: 100%;
        z-index: 99;
    }
    .anounceBox .photo {
        width: 30%;
        float: left;
    }
     .anounceBox .photo img {
        width:100%;
        height:auto;
        padding: 0 10px 0 0;
        box-sizing: border-box;
    }
    .anounceBox .text {
        width: 70%;
        float: right;
    }
    .banner-text {
        font-size:20px;
    }
    .banner-text span.big {
    font-size:28px;
    }
    .txt2 {
    left:42%;
    }
    /* içsayfa */
        #Middle {
        width: 95%;
        margin: 0 auto;
        position: relative;
        top: -15px;
        background:#fff;
        padding: 10px;
        -webkit-box-shadow: 0px -3px 2px rgba(200, 200, 200, 0.75);
        -moz-box-shadow:    0px -3px 2px rgba(200, 200, 200, 0.75);
        box-shadow:         0px -3px 2px rgba(200, 200, 200, 0.75);
    }
    #MiddleTop img {
        width:100%;
        height:auto;
    }
    .backGroundImg {
        height: auto;
        min-height:200px;
    }
    #LeftBlock {
        width: 25%;
    }
    #RightBlock {
        width: 75%;
        padding-left:20px;
        box-sizing:border-box;
    }
    #RightBlock .left {
        width: 60%;
        float: left;
        margin-right: 30px;
        line-height: 18px;
        color: #333333;
    }
    #RightBlock .right {
        width: 30%;
        float: right;
    }
    #RightBlock .right img {
        width:100%;
        height:auto;
    }
      #RightBlock .right a img {
        width:initial;
        height:initial;
        max-width: 100%;
    }
    .detailBox h3.titleTr {
        background-size:cover;
    }
    /* içsayfa bitti*/
    /* referanslar */
    #ReferenceMiddle {
        width: 100%;
        box-sizing:border-box;
        padding:20px;
    }  
    .referenceMiddle h2 {
        margin-left:20px;
    }  
    #BigReferences {
        width: 100%;
    }
    .bigReferenceBox {
        width: 30%;
        float: left;
        margin-right: 15px;
        cursor: pointer;
    }
    .bigReferenceFullBox iframe {
        width:100%;
    }
    .referenceBoxes {
        width: 100%;
        height:auto;
        min-height: 665px;
        overflow:visible;
        padding:20px;
    }
    .referenceBox {
        width: 31%;
        height: 210px;
        margin: 0 14px 15px 0;
        float: left;
        cursor: pointer;
    }
    .referenceLigthBox {
        width: 92%;
        background:none;
        background-color:#3d3d3d;
        border-radius:10px;
    }
    .referenceLigthBox .left {
        width: 65%;
    }
    .referenceLigthBox .left img {
        width: 100%;
        height:auto;
    }
    .referenceLigthBox .right {
        width: 30%;
    }
    .ReferenceBoxNav {
        display:none;
    }
    /* referanslar bitti*/
    /* contact */
    .addressBox .right, .addressBox .left {
        width:50%;
        box-sizing:border-box;
    }
    /*contact bitti*/
    #Bottom {
        width: 100%;
        margin: 0 auto;
        position: relative;
        z-index: 2;
        padding: 30px 10px;
        font-size: 12px;
    }
    #Bottom1 {
        width:50%;
        height:auto;
    }
    #Bottom1 .AltUl {
        width: 45%;
    }
     #Bottom2 {
        width:25%;
    }
      #Bottom3 {
        width:20%;
        display:none;
    }
       #Bottom4 {
        width:22%;
        margin-right:3%;
    }
    .msLogo {
        padding-right:20px;
    }
}
@media all and (min-width: 1024px) and (max-width: 1199px) {
    .banner-text {
        font-size:20px;
    }
    .banner-text span.big {
    font-size:22px;
    }
    .txt2 {
    left:30%;
    }
    .txt3 {
    left:76%;
}
}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}