@charset "utf-8";
/* CSS Document */
@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic&subset=latin,latin-ext);
/***Main-Master***/
body { width: 100%; height: 100%; padding: 0px; margin: 0px; overflow-x: hidden; background:#3a3a3a url(../images/bg-repeater.png) repeat; position: relative; font-family: 'Lato', sans-serif; font-weight: 400; position: relative; }
/*Basic*/
.gridColumn { margin:0 auto; width:970px; height:auto; position: relative; }
/**********************************************************/
/*responsive-slide*/
@media only screen and (max-width: 479px) {
    .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow {width: 100%;-margin: 1% auto;margin-bottom: 0; padding: 0;position: relative;cursor: pointer}
#sliderMobileItem img {position: absolute; top: 0; left: 0; max-width: 100%;min-width: 100%;width: 100%; padding: 0; display: block;}
#sliderMobileItem img:first-child {position: static; z-index: 100;}
} 
/*Mobile*/ 
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow {width: 100%;-margin: 1% auto;margin-bottom: 0; padding: 0;position: relative;cursor: pointer}
#sliderMobileItem img {position: absolute; top: 0; left: 0; max-width: 100%;min-width: 100%;width: 100%; padding: 0; display: block;}
#sliderMobileItem img:first-child {position: static; z-index: 100;}
}
/*tel-tab*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .cycle-slideshow {width: 100%;-margin: 1% auto;margin-bottom: 0; padding: 0;position: relative;cursor: pointer}
    #sliderMobileItem img {position: absolute; top: 0; left: 0; max-width: 100%;min-width: 100%;width: 100%; padding: 0; display: block;}
    #sliderMobileItem img:first-child {position: static; z-index: 100;}
}
/*tab*/

 @media only screen and (min-width: 768px) and (max-width: 1366px) {
    .cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .cycle-slideshow {width: 100%;-margin: 1% auto;margin-bottom: 0; padding: 0;position: relative;cursor: pointer}
    #sliderMobileItem img {position: absolute; top: 0; left: 0; max-width: 100%;min-width: 100%;width: 100%; padding: 0; display: block;}
    #sliderMobileItem img:first-child {position: static; z-index: 100;}
}
/****************************************************/
/*Header*/
header { float: left; width:100%; height:106px; position:relative; background:url(../images/white-trans.png) repeat; z-index: 9999; -webkit-box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); }
	.logo { float:left; margin-left:10px; margin-top:5px; width:313px; height:99px; }
	.navigation { float:right; height: 106px; position: relative; }
		.navigation ul { overflow: hidden; width:auto; float:right; clear:both; }
			.navigation ul li { float: left; height: 106px; line-height: 106px; color: #676767; font-size:13px; margin-left: 0px; }

				.navigation ul li a { display: block; color: #676767; font-size:13px; float:left; font-weight: 600 !important; padding-left: 20px; padding-right: 20px; -moz-transition: background-color .6s ease-out, color .15s ease-out; -o-transition: background-color .6s ease-out, color .15s ease-out; -webkit-transition: background-color .6s ease-out, color .15s ease-out; transition: background-color .6s ease-out, color .15s ease-out; }
				.navigation ul li a:hover { color: #c7c7c6; background-color: #484848; }
                .navigation ul li a.active { color: #c7c7c6 !important; background-color: #484848; }
                .activeNav{ color: #0c49a3 !important; }
				.navigation ul li span { float:left; color: #676767; font-size:16px; padding-left: 5px; padding-right: 5px; margin-top: -2px; }
            .lang { position: absolute; right: 0px; bottom: -20px; height: 18px; background:url(../images/white-trans.png) repeat; border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -o-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -ms-border-radius: 0px 0px 5px 5px; border-left:solid 2px #FFF; border-right:solid 2px #FFF; border-bottom:solid 2px #FFF; opacity: 0.7; }
                .lang ul { margin-top: 0px !important; }                
                    .lang li { margin-left: 10px !important; margin-right: 10px !important; line-height: normal !important; }
                        .lang li a { padding: 0 !important;}
                        .lang li a:hover { background: none !important;}
                        .lang li a.activeLang { color: #0846a1 !important; background: none !important;}
/*Section*/
section { float:left; width:100%; height:auto; position:relative; z-index:999; margin-top: -106px; }
/*Footer*/
footer { float: left; width:100%; position:relative; z-index:999; }
    .topTissue { position: absolute; left: 0px; top: -30px; width: 100%; height: 30px; background-color: #e6e6e6; opacity: 0.8; }
    .hometissue { float: left; width: 100%; height: 316px; background:url(../images/footer-tissue.jpg) center no-repeat;  -webkit-box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); position: relative; z-index: 9; }
    .tissue { float: left; width: 100%; height: 316px; background:url(../images/sub-footer-tissue.png) center top repeat-x; -webkit-box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); position: relative; z-index: 9; }
        ul.sitemap { float: left; padding: 0px; list-style: none; margin-right: 70px; margin-top: 50px; }
            ul.sitemap li { float: left; clear: both; margin-bottom: 5px; color: #c0c0c0; font-size: 14px; }
                ul.sitemap li span { font-size: 16px !important; color: #FFF !important; }
                ul.sitemap li a { font-size: 14px; color: #c0c0c0; }
                ul.sitemap li a:hover { color: #FFF; }
        ul.contactUs { float: right; padding: 0px; list-style: none; margin-top: 50px; min-width:380px; color: #c0c0c0; font-size: 14px; }
             ul.contactUs li { float: left; clear: both; width: 100%; text-align: right; margin-bottom: 5px; color: #FFF; font-size: 16px; }
                ul.contactUs li span { float: right; text-align: right; font-size: 14px !important; color: #c0c0c0 !important; }
                    ul.contactUs li a { float: right; margin-left: 10px; font-size: 14px; color: #c0c0c0; }
                        ul.contactUs li a:hover { color: #FFF; }
        ul.socialMedia { float: right; padding: 0px; list-style: none; margin-top: 10px; clear: both; }
            ul.socialMedia li { float: left; margin-left: 5px; }
            ul.socialMedia li a { float: left; width: 100%; height: 100%; }
/*
.socialMedia img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  filter: gray; filter: grayscale(100%); -webkit-filter: grayscale(100%);  -webkit-transition: all .6s ease;  -webkit-backface-visibility: hidden;  }
.socialMedia img:hover { filter: none; -webkit-filter: grayscale(0%); }
*/
    .foot { float: left; width: 100%; height: 60px; background-color: #1c1c1c; position: relative; z-index: 8; }
        .foot span { float: left; font-size: 12px; color: #8e969b; }
.fa { float: right; margin-right: 10px; }
/***END of Main-Master***/
/*HOME*/
    /*announcements*/
    .announcements { height: 406px;left: 50%;margin-left: -470px; position: absolute; top: 150px; width: 374px; z-index: 9999;}
        /*HEXAGON*/
        .announcementsHexagon { width: 384px; height: 416px;  background:url(../images/hexagon.png) no-repeat; position: relative;}
            .announcementsHexagon span { font-size: 18px; color: #FFF; text-align: center; position: absolute; left: 134px; top: 50px; cursor:pointer; }
            .announcementItems { width: 270px; margin-left: 52px; margin-top: 100px;}
                .announcementItem { width: 270px; }
                    .announcementImage { border: solid 1px #FFF; }
                        .announcementImage img { float: left; }
                    .announcementInfo { font-family: 14px; color: #FFF; padding-top: 5px; }
                        .announcementInfo a { font-family: 14px; color: #FFF; transition: all 1s ease; -webkit-transition: all 1s ease; }
                        .announcementInfo a:hover { color: #FFFFCC; }
                .announcementChangers { position: absolute; bottom: 40px; left: 160px; }
                    .announcementChangers li { float: left; width: 18px; height: 18px; background-color: #c9c9c9; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; -o-border-radius: 50px; -ms-border-radius: 50px; margin-right: 5px; cursor: pointer; }
                    .announcementChangers li:hover { border: solid 4px #FFF; width: 10px; height: 10px; }
                    .activeAnnouncement { border: solid 4px #FFF !important; width: 10px !important; height: 10px !important; }
                .aprev {background:url(../images/aprev.png) no-repeat; height: 24px; width: 24px; padding:0px; margin:300px 0 0 32px; z-index: 999;}
                .anext {background:url(../images/anext.png) no-repeat; height: 24px; width: 24px; padding:0px; margin:300px 0 0 68px; z-index: 999;}
    /*Slide*/
	.slideShow { position:relative; float:left; width: 100%; height: 866px; z-index:1; }
        .teaserBoxes { height: 500px;left: 50%;margin-left: -480px; position: absolute; top: 75px; width: 960px; z-index: 999; }
            .block { position: relative; width: 100%; height: 100%; float: left; }
                .teaserBox { position:absolute; left: auto !important; right: -2222px; top:200px !important; background:url(../images/black-trans.png) repeat; width:auto; height:auto; }
                      .teaserBox span { float:left; padding-top:20px; padding-bottom:20px; padding-left: 30px; padding-right:30px; font-size:36px; color:#FFFFFF; line-height: 1.4; font-weight: 600; }
		.control { width:100%; height:auto; z-index:99; position:absolute; top:310px; display: none; z-index: 99999; }
			.control .prev { float:left; width:76px; height:122px; margin-left:50px; cursor: pointer; }
			.control .next { float:right; width:76px; height:122px; margin-right:50px; cursor: pointer; }
		#slide-img { margin:0 auto; z-index:1; width: 100%; height: 866px; }
    /*services*/
    .services { float:left; width:100%; height:180px; margin-top:-180px; overflow: hidden; background:url(../images/black-trans.png) repeat; position: relative; z-index: 8; }
.transition { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
        .center { position: absolute; width: 1055px; top: 50px; left: -50px; z-index: 88; }
            .center #prev { float: left; cursor: pointer; }
            .center #next { float: right; cursor: pointer; }
        .cycle-pager { display: none !important; }
/*Sub Pages-master*/
.pageContent { float: left; width: 970px; background-color: #c8c8c8; margin-top: 150px; margin-bottom: 70px !important; -webkit-box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); box-shadow: 0px 2px 15px 4px rgba(0,0,0,0.5); position: relative; }
    .contentTitle { position: absolute; left: 20px; top: 20px; background-color: #efefef; -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.5); box-shadow: 0 2px 10px 0px rgba(0,0,0,0.5);  }
        .contentTitle h2 { float: left; color: #0846a1; font-size: 16px; padding-left: 44px; padding-right: 44px; height: 35px; line-height: 35px; }
            .contentTitle a { color: #0846a1; font-size: 16px; }
            .contentTitle a:hover { color: #0099FF; }
        .contentTitle h3 { float: left; color: #0846a1; font-size: 16px; padding-left: 20px; padding-right: 44px; height: 35px; line-height: 35px; font-weight: 400 !important; }
        .contentTitle span { float: left; color: #0846a1; font-size: 16px; padding-top: 6px; }
    .contentInfo { float: left; padding-top:80px; padding-bottom: 50px; padding-left: 20px; padding-right: 20px; font-size: 13px; color: #676767; line-height: 1.6; text-align: justify; font-weight: 600; }
        .contactMailLink { font-size: 13px; color: #676767; }
        .contactMailLink:hover { color: #0846a1; }
/*kurumsal*/
        .institutionalPhoto { float: right; margin-left: 10px; margin-bottom: 10px; }
/*hizmetlerimiz*/
    .servicesBlock { min-width: 930px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; line-height: 20px; }
        .serviceItem { width: 270px; height: 190px;  vertical-align: top; display: inline-block; *display: inline; zoom: 1;  margin-bottom: 20px; }
            .stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; }
/*projeler*/
    .projectsBlock { min-width: 930px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; line-height: 20px; }
        .projectItem { width: 270px; height: 190px;  vertical-align: top; display: inline-block; *display: inline; zoom: 1;  margin-bottom: 20px; }
    /*proje-detay*/
        .projectDetailContent { float: left; width: 100%; }
            .projectDetailGallery { float: left; width: 460px; height: 350px; position: relative; border-radius: 5px; overflow: hidden; }
                .projectTitle { position: absolute; left: 0px; top: 0px; width: 100%; height: 50px; background-color: #2c3f52; line-height: 50px; text-align: center; z-index: 99; opacity: 0.8; }
                    .projectTitle h2 { color: #FFF; font-size: 16px; vertical-align: middle; }
                .cycle-prev { position: absolute; left: 20px; top: 140px; z-index: 99; }
                .cycle-next { position: absolute; right: 20px; top: 140px; z-index: 99; }
                .proGalleryPhotos img { z-index: 88 !important; position: relative; }
            .projectDetailInfo { float: left; margin-left: 10px; width: 460px; text-align: justify; }
/*referanslar*/
    .referencesBlock { min-width: 930px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; line-height: 20px; }
        .referenceItem { width: 222px; height: 120px;  vertical-align: top; display: inline-block; *display: inline; zoom: 1;  margin-bottom: 10px; border: solid 3px #FFF; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }          
        .referenceItem:hover { border: solid 3px #0846a1; margin-top: -8px; }
            .referenceItem a { float: left; width: 100%; height: 100%; }
/*iletişim*/
    .contact { float: left; width: 930px; }
        .contactForm input { float: left; color: #676767; font-size: 14px; border: solid 1px #676767; width: 388px; height: 32px; background: none; margin-right: 0px;   padding-left: 10px; background-color: #efefef; }
        .contactForm textarea { float: left; width: 388px; height: 110px; color: #676767; font-size: 14px; border: solid 1px #676767; background: none; font-family: 'Open Sans', sans-serif; font-weight: 400; padding-left: 10px; padding-top: 10px; background-color: #efefef; }
        .ContactSend { width: 90px !important; float: right !important; cursor: pointer; }
        .ContactSend:hover { color: #5a9dd2; }
        .width_310 { width: 310px !important; }
        .height_20 { height: 20px !important; }
        .form-nonv-error { color:#0846a1; font-size: 14px; }
        .contactForm input[type="text"]:focus{ outline: none; box-shadow: 0px 0px 5px #ff0000; border:1px solid transparent; }
        .contactForm input[type="text"]:hover{ border: 1px solid #FFF; }
        .contactForm input[type="text"]:focus:hover{ outline: none; box-shadow: 0px 0px 5px #61C5FA;border:1px solid transparent; border-radius:0; } 
        .contactForm input[type="submit"]:focus{ outline: none; box-shadow: 0px 0px 5px #ff0000; border:1px solid #5AB0DB; }
        .contactForm input[type="submit"]:hover{ border: 1px solid #FFF; }
        .contactForm input[type="submit"]:focus:hover{ outline: none; box-shadow: 0px 0px 5px #61C5FA; border:1px solid #5AB0DB; border-radius:0; } 
        .contactForm textarea:focus{ outline: none; box-shadow: 0px 0px 5px #ff0000; border:1px solid transparent; }
        .contactForm textarea:hover{ border: 1px solid #FFF; }
        .contactForm textarea:focus:hover{ outline: none; box-shadow: 0px 0px 5px #61C5FA; border:1px solid #5AB0DB; border-radius:0; } 
    .sep { float: left; background-color: #999; -webkit-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 10px 0px rgba(0,0,0,0.5); box-shadow: 0 2px 10px 0px rgba(0,0,0,0.5); width: 2px; height: 420px; margin-left: 50px; }
    .map { float: left; width: 930px; height: 350px; overflow: hidden; clear: both; margin-top: 20px; box-shadow: 0px 0px 10px 0px #333; }