@import url("fonts.css");
::-webkit-input-placeholder { /* WebKit browsers */color:#9399a2;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#9399a2;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color:#9399a2;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color:#9399a2;}

body { background: #ffffff;}
.mobile  { display: none;}
.desktop { display: block;}

a {color: #000000;}
.container { height: 100%;}
.black { position: absolute; width: 100%; height: 100%; background:#406284; z-index: 100; display: none; }
.inline {display: none; margin: 10px 10px; font: 18px 'proxima-Bold';; text-align: center; width: 280px;}
.owl-buttons {display: none;}
header {position: absolute; width: 100%; z-index: 100; top: 0;}
header .header-top {}
header .header-top .phone {float: right; margin: 13px 60px 7px 0; *width: 210px;}
header .header-top .phone .text {color: #003d79; font:11px/15px 'proxima-Regular'; float: left; padding-right: 10px;}
header .header-top .phone .tel {color: #003d79; font:24px/23px 'proxima-Bold'; background: url(../images/phone.png) center left no-repeat; padding-left: 30px;}
header .header-top .phone .tel a {color: #003d79;}

header .header-top .language { background: #003d79; position: absolute; right: 0; z-index: 101; transition:all ease 0.5s; *padding: 8px;}
header .header-top .language:hover {background: #2489ed;}
header .header-top .language a {width: 42px; height: 125px; color: #FFFFFF; text-align: center; font:14px/18px 'proxima-Regular'; display: table-cell; vertical-align: bottom; padding-bottom: 15px;}
header .header-bottom { position: relative;}
header .header-bottom a.logo img{   
  position: absolute;
  float: left;
  margin-left: -125px;
  left: 50%;
  text-indent: -9999px;
  background-size: 100%;
  height: 75px;
  bottom: 5px;}
header .header-bottom ul.menu {min-height: 85px;}
header .header-bottom ul.menu > li { float: left; margin-right: 30px; position: relative;}
header .header-bottom ul.menu > li > a {color: #003d79; padding: 32px 0; display: block; font:14px/21px 'proxima-Bold'; background: url(../images/menu-bg.png) center bottom no-repeat; transition:background ease 0.5s;}
header .header-bottom ul.menu > li > a:hover, header .header-bottom ul.menu > li.active > a, header .header-bottom ul.menu > li.over > a {background: url(../images/menu-hover.png) center bottom no-repeat;}
header .header-bottom ul.menu li ul { display:none; left: 0; position: absolute; width: 320px; margin-left: -20px; }
header .header-bottom ul.menu li ul li {border-bottom: 1px solid #265a8d;}
header .header-bottom ul.menu li ul li a { display: block; background: #003d79; padding: 15px; color: #FFFFFF; font:16px/22px 'proxima-Regular'; transition:all ease 0.5s;}
header .header-bottom ul.menu li ul li a:hover, header .header-bottom ul.menu li ul li.active a {color: #2489ed;}

header .header-bottom ul.menu > li.sagMenu > ul {right: 0; margin-right: -12px; left: auto;}

header .header-top .col12 {position: relative;}
header .header-bottom .col12 {position: relative; background: #FFFFFF;}
header .header-bottom .repeat1 {background: url(../images/menu-repeat1.png) repeat-x; width: 85px; height: 85px; position: absolute; left: 0; margin-left: -85px;}
header .repeat2 {background: #FFFFFF; width: 50%; height: 85px; position: absolute; right: 0; left: 50%; top: 43px; }

/* ================== HEADER ================== */

header .header-bottom ul.menu > li:nth-child(3){margin-right:230px;}
header .header-bottom ul.menu > li:nth-child(4), header .header-bottom ul.menu > li:nth-child(5), header .header-bottom ul.menu > li:nth-child(6){margin-right:25px;}
section {width: 100%; padding: 40px 0;}
section.index {margin-top: -600px; position: relative; z-index: 100; padding: 0;}
section .main-one {margin-bottom: 30px;}
section .main-two {margin-bottom: 50px;}

/* ================== section ================== */


.page-title {background: url(../images/page-title-bg.jpg) center top no-repeat; padding: 160px 0 15px 0;}
.page-title h1 {color: #003d79; font:30px/34px 'proxima-Bold'; margin-bottom: 10px;}
.page-title ul li {float: left; }
.page-title ul li a , .page-title ul li {font:13px/20px 'proxima-Regular'; color: #2489ed;}
.page-title ul li span {color: #2489ed; margin: 0 5px;}

/* ================== page title ================== */


.slider-wrapper {margin:20px 0;}
.slider-two {position: relative;}
ul.slider-duyuru {background: #0066b3; position: relative; float: left;}
ul.slider-duyuru li {float: left;}
ul.slider-duyuru li .image {float: right; width: 146px;}
ul.slider-duyuru li .image img {display: block;}
ul.slider-duyuru li .text {float: left; width: 136px; padding: 15px;}
ul.slider-duyuru li .text h2 {font:500 19px/22px 'Roboto', sans-serif; color: #FFFFFF; margin-bottom: 10px;}
ul.slider-duyuru li .text p {font:400 13px/20px 'Roboto', sans-serif; color: #FFFFFF; }
.pager {position: absolute; bottom: 15px; left: 15px;}
.pager a {text-indent:-999em; background: url(../images/pager-all.html) -64px 0px no-repeat; width: 32px; height: 13px; display:inline-block; margin-right: 3px;}
.pager a.selected {  background: url(../images/pager-all.html) -29px 0px no-repeat; width: 32px; height: 13px;}

.slider-title {background: #004477; padding: 10px 15px; position: relative;}
.slider-title .prev {background: url(../images/pager-all.html) 0px 0px no-repeat; width: 8px; height: 14px; position: absolute; right: 33px; top: 13px}
.slider-title .next {background: url(../images/pager-all.html) -18px 0px no-repeat; width: 8px; height: 14px; position: absolute; right: 15px; top: 13px;}
.slider-title h2 {font:500 15px/20px 'Roboto', sans-serif; color: #FFFFFF;}
ul.slider-urun {margin: 30px 0 0 0;}
ul.slider-urun a {display: block;}
ul.slider-urun li {float: left; border-right:1px solid #dadada;  width: 126px;}
ul.slider-urun li .image {text-align: center;}
ul.slider-urun li .image img {display: block; width: 120px;}
ul.slider-urun li .text {}
ul.slider-urun li .text h3 {text-align: center; color: #3b3b3b; font:700 14px/16px 'Roboto', sans-serif; margin-top: 10px;}
ul.slider-urun li .text h4 {text-align: center; color: #3b3b3b; font:300 13px/16px 'Roboto', sans-serif;}

/* ================== slider-wrapper ================== */


footer {width: 100%; position: relative; z-index: 100; background: url(../images/footer-bg.jpg) center bottom repeat-x; padding-bottom: 20px;}
footer .footer-top {background: url(../images/footer1.jpg) center center no-repeat; height: 52px; margin-bottom: 10px;}
footer .footer-top .bulten-text p {color: #003d79; font:17px/20px 'proxima-Light'; padding: 17px 0 0 200px;}
footer .footer-top .bulten form {position: relative; float: right; margin-top: 8px;}
footer .footer-top .bulten input[type="text"] {background: #FFFFFF; color: #9399a2; padding: 10px 12px; font:13px/16px 'proxima-Light'; width: 198px;}
footer .footer-top .bulten input[type="submit"] {position: absolute; right: 0; top: 0; background: #003d79 url(../images/box-arrow.png) center center no-repeat; width: 14px; height: 36px; text-indent: -9999px; *color: transparent; *font-size: 0px; *line-height: 0px; border-left: 3px solid #cbd1db; cursor: pointer;}
footer .footer-middle {background: url(../images/footer-bg-middle.jpg) center center no-repeat; height: 65px; border-bottom: 1px solid #fff;}
footer .footer-middle ul.footer-menu { margin-top: 25px;}
footer .footer-middle ul.footer-menu li { float: left; margin-right: 20px;}
footer .footer-middle ul.footer-menu li ul {display: none;}
footer .footer-middle ul.footer-menu li a {color: #003d79; font:13px/20px 'proxima-Regular';}
footer .footer-middle ul.footer-menu li a:hover {border-bottom: solid 1px #003d79;}
footer .footer-middle ul.socials { margin-top: 15px; float: right;}
footer .footer-middle ul.socials li {float: left; margin-left: 5px;}
footer .footer-middle ul.socials li a {width: 34px; height: 34px; display: block; text-align: center; font-size: 18px; color: #FFFFFF; border-radius: 100%;}
footer .footer-middle ul.socials li a.facebook {background-position: 0 0; background: #003d79;}
footer .footer-middle ul.socials li a.twitter {background-position: -39px 0px; background: #00bfeb;}
footer .footer-middle ul.socials li a.google {background-position: -77px 0px; background: #b20029;}
footer .footer-middle ul.socials li a i {margin-top: 7px; font-size: 19px;}
footer .footer-bottom {background: url(../images/footer3.jpg) center center no-repeat; height: 48px; margin-bottom: -20px; font:13px/20px 'proxima-Light'; color: #003d79;}
footer .footer-bottom a {color: #003d79; font-size: 12px;}
footer .footer-bottom .copyright, footer .footer-bottom .mediaclick {margin-top: 15px;}

/* ================== footer ================== */

.tp-bullets {display: none;}
.tp-caption {width: 700px !important;}

.slider {background: url(../images/slider-demo.html) no-repeat; width: 100%; height: 430px;}
.capBig { color: #003d79; font:40px/50px 'proxima-Bold' !important;}
.capBig span {color: #2489ed; display: block; font-size: 40px;}
.capSmall {color: #003d79; font:23px/26px 'proxima-Regular';}
.capBtn {background: #0066b3; font:300 14px/18px 'Roboto', sans-serif; padding: 5px 10px;}

.tp-leftarrow.default {left: 50% !important; margin-left: 90px; margin-top: -55px !important;}
.tp-rightarrow.default {left: 50% !important; margin-left: 145px; margin-top: -110px !important;}

/* ================== slider ================== */


.forms { float: left; width: 100%; margin-top: 20px;}
.forms h2 {font:20px proxima-semibold;color:#003d79;border-bottom:1px solid rgba(204, 212, 223, 0.67);margin:20px 0 20px 0;padding:0 0 10px 0;float:left;width:100%;}
.forms h2 span {display:block;font:14px proxima-regular;color:#2489ed;}
.forms .inpGr {position: relative; float: left; width: 49%; margin: 0 2% 10px 0;}
.forms .inpGr p.info {font:13px proxima-regular;color:#003d79;}
.forms .inpGr100 {float: left; width: 100%;}
.forms .inpGr input[type="text"], .forms .inpGr textarea, .forms .inpGr input[type="file"] { color: #003d79; padding: 10px 2%; font: 300 13px/16px 'Roboto', sans-serif; background: #dce1e8; width: 96%; border-left: 3px solid #2489ed; }
.forms .inpGr input[type="text"]:focus, .forms .inpGr textarea:focus {border-left: 3px solid #003d79; }
.forms .inpGr textarea {height:105px;}
.forms .inpGr label { margin: 0 0 5px 0; display: block; font: 14px/21px 'proxima-regular'; color: #003d79; width: 100%;}
.forms .inpGr .bootstrap-filestyle {position: relative;}
.forms .inpGr .bootstrap-filestyle label { cursor: pointer; background: url(../images/file-ico.png) center center no-repeat #003d79; top: 0; width: 45px; height: 100%; margin: 0; position: absolute; right: -3px; text-indent: 9999px; overflow: hidden;}
.forms .inpGr input[type="submit"] {background: #003d79; display: block; margin: 20px 0 10px 0; text-align: center; padding: 10px 15px; *padding: 5px 15px; font: 500 20px/22px 'Roboto', sans-serif; color: #FFFFFF; cursor: pointer; transition:all ease 0.5s; width: 160px;}
.forms .inpGr input[type="submit"]:hover {background:#2489ed;}
.forms .inpGr .captcha-text {float: left; width: 96%; position: relative; margin: 4px 0 5px 0;}
.forms .element {margin:0 0 10px 0;float:left;}
.forms .element span {font:14px proxima-regular;color:#003d79;}

.forms .selecter { font: 13px 'proxima-Regular'; color: #003d79; background: #dce1e8; width: 100%; min-width: 200px; border-left: 3px solid #2489ed;}
.forms .selecter-selected { background: url(../images/select-arrow.png) right no-repeat; padding: 11px 0 10px 8px; margin: 0 10px 0 0;}
.forms .selecter-options {background: #dce1e8; border-bottom: 4px solid #2489ed; margin-left: -3px !important;  border-left: 3px solid #2489ed;}
.forms .selecter-item { padding: 6px 10px 6px 20px; border-bottom: 1px solid #fff; }
.forms .selecter .selecter-group { padding: 7px 9px; font: 14px proxima-semibold; }
.forms .selecter-item:hover {color:#fff; background: #2489ed;}
.forms .selecter-item.selected {color:#fff; background: #2489ed;}
.forms .selecter-options:after {content: initial;}
.forms .open { border-left: 3px solid #003d79;}
.forms .open .selecter-options {border-bottom: 4px solid #003d79; border-left: 3px solid #003d79;}

.forms .inpGr .captcha {}
.forms .inpGr .captcha img {border:2px solid rgba(204, 212, 223, 0.67);margin:0 0 10px 0;}
.forms .inpGr .captcha input[type="text"] {}
.forms .inpGr .captcha a {font: 15px/21px 'proxima-Semibold'; color: #003d79; display: block;}
.forms .inpGr .captcha a i {font-size:27px;position:absolute;margin:0 10px 0 0;right:0;bottom:6px;}


.forms .messages {color: #2489ed; display: block;}
.forms .messages p {margin-bottom: 20px;  font: 16px proxima-semibold; margin: 20px 0; border-bottom: 1px dashed; padding: 0 0 8px 0;}
.forms .messages p i {font-size:18px;margin:0 10px 0 0;}
.forms .messages p.ok {color: #27ae60;}
.forms .messages p.hata {color: #c0392b;}
.bg p.onay {color: #27ae60;margin-bottom: 20px;  font: 16px proxima-semibold; margin: 320px 0; border-bottom: 1px dashed; padding: 0 0 8px 0;text-align: center;}
.bg p.hata {color: #c0392b;margin-bottom: 20px;  font: 16px proxima-semibold; margin: 320px 0; border-bottom: 1px dashed; padding: 0 0 8px 0;text-align: center;}
.title-popup{width: 100%;height: 100%;background: url(../form/bac.jpg)no-repeat;position: absolute;}
.back{color: #fff;
padding: 9px;
/* margin-top: -221px; */
display: block;
position: absolute;
top: 410px;
/* left: 0; */
font: 14px proxima-semibold;
background: #004477;
right: 20px;}

.gizle-input {display: none; overflow: visible;}


/* ================== contact-form ================== */

.boxes {}
.boxes .title {color: #003d79; font:16px/20px 'proxima-Regular'; margin-bottom: 16px;}
.boxes .box {float: left; width: 173px; height: 127px; position: relative; margin-right: 20px;}
.boxes .box .image img {display: block;}
.boxes .box .text {position: absolute; bottom: 0; background: url(../images/box-bg.png) repeat; color: #FFFFFF; padding: 0 10px; width: 153px; pointer-events: none;}
.boxes .box .text h2 {height: 40px; display: table-cell; vertical-align: middle; font:12px/14px 'proxima-Regular';}
.boxes .box .more {position: absolute; bottom: 0; right: 0; background: #2283e2 url(../images/box-arrow.png) center center no-repeat; width: 13px; height: 40px; pointer-events: none;}

.boxes .box .resim-att {position: relative;float: left;padding: 0;text-align: center;margin: 0px 0px 0px 0px;width: 173px;}
.boxes .box .resim-att .resim-att-pre {position: relative;width: 173px;height: 127px;}
.boxes .box .resim-att .resim-att-pre .resim-thumb {width: 173px;height: 127px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
.boxes .box .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 173px;height: 127px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
.boxes .box .resim-thumb .resim-centered img {position: absolute;top: 0;left: 0;width: auto;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

/* ================== boxes ================== */


.news {}
.news h2, .about-us h2 { color: #2489ed; font:16px/20px 'proxima-Regular';}
.news ul {}
.news ul li {width: 100%; float: left; margin-top: 20px;}
.news ul li .image {float: left; width: 128px; position: relative;}
.news ul li .image img {display: block;}
.news ul li .image a {display: block; float: left;}
.news ul li .image span {position: absolute; bottom: 0; right: 0; background: #2489ed url(../images/news-arrow.png) center center no-repeat; width: 20px; height: 20px; pointer-events:none;}
.news ul li .text {float: right; width: 330px;}
.news ul li .text h3 {font: 15px/20px 'proxima-Semibold'; color: #003d79;}
.news ul li .text p {color: #003d79; font:13px/20px 'proxima-Light'; margin-bottom: 10px;}
.news ul li .text span {color: #2489ed; font:13px/18px 'proxima-Light';}

.news .resim-att {position: relative;float: left;padding: 0;text-align: center;margin: 0px 0px 0px 0px;width: 128px;}
.news .resim-att .resim-att-pre {position: relative;width: 128px;height: 94px;}
.news .resim-att .resim-att-pre .resim-thumb {width: 128px;height: 94px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
.news .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 128px;height: 94px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
.news .resim-thumb .resim-centered img {position: absolute;top: 0;left: 0;width: auto;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

/* ================== news ================== */


.about-us {width: 332px !important; position: relative;}
.about-us img {display: block; margin: 20px 0;}
.about-us p {color: #003d79; font:13px/20px 'proxima-Light'; margin-bottom: 15px;}
.about-us a.more { color: #2489ed; font:13px/20px 'proxima-Light';}
.about-us a.more:hover {border-bottom: 1px solid #2489ed;}
.about-us a.facebook-icon {width: 149px; height: 149px; background: url(../images/bgicon.png) left center no-repeat; display: block; position: absolute; margin-right: -160px; top: 0; right: 0;}

/* ================== about-us ================== */

.video-wrapper {position: relative;}
.video-slider {position: absolute; top: 0; right: 0; margin-top: -140px; margin-right: -59px;}
.video-slider .more {position: absolute; bottom: 96px; padding-top: 14px; display: block; width: 300px; height: 50px; background: url(../images/slider-caption-bg.png) center center no-repeat; margin-left: -150px; left: 50%;}
.video-slider .more a {display: block; padding-left: 110px; color: #FFFFFF; font:15px/18px 'proxima-Regular';}
.video-mobil {display: none; margin-top: 36px;}
.video-mobil a {display: block; background: #003d79 url(../images/mobil-play.jpg) left center no-repeat; color: #FFFFFF; font: 15px/21px 'proxima-Regular'; padding: 32px 5px 32px 60px;}

/* ================== slider-video ================== */


ul.projects {}
ul.projects li { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #e9eef4;}
ul.projects li .image {float: left; margin-right: 20px; position: relative;}
ul.projects li .image img {}
ul.projects li .image span {position: absolute; top: 8px; left: 0; margin-left: -12px; background: #003d79; color: #FFFFFF; font:15px/20px 'proxima-Bold'; padding: 2px 10px;}
ul.projects li .text {display: block; color: #003d79; font:13px/18px 'proxima-Regular'; min-height: 127px;}
ul.projects li .text h2 {font:22px/28px 'proxima-Regular';}
ul.projects li .text p {margin-bottom: 5px;}
ul.projects li .text span {color: #2489ed;display: block;}
ul.projects li .text .more {margin-top:16px;}
ul.projects li .text .more a {background: #2489ed  url(../images/box-arrow.png) 90% center no-repeat; color: #FFFFFF; font:12px/18px 'proxima-Light'; padding: 7px 30px 7px 7px; transition:all ease 0.3s;}
ul.projects li .text .more a:hover {background: #2489ed  url(../images/box-arrow.png) 94% center no-repeat;}

.projects .resim-att {position: relative;float: left;padding: 0;text-align: center;margin: 0px 0px 0px 0px;width: 173px;}
.projects .resim-att .resim-att-pre {position: relative;width: 173px;height: 127px;}
.projects .resim-att .resim-att-pre .resim-thumb {width: 173px;height: 127px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
.projects .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 173px;height: 127px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
.projects .resim-thumb .resim-centered img {position: absolute;top: 0;left: 0;width: auto;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

/* ================== projects ================== */


ul.sidebar {}
ul.sidebar > li {border-bottom: 1px solid #3a95ef;}
ul.sidebar > li.active {}
ul.sidebar > li.active > a, ul.sidebar > li:hover > a {background: #1877D5;}
ul.sidebar > li.active ul {display: block;}
ul.sidebar > li > a {display: block; background: #2489ed; color: #FFFFFF; font:14px/18px 'proxima-Regular'; border-left: 5px solid #003d79; padding:15px 2px 15px 7px; transition:all ease 0.5s;}
ul.sidebar li ul {display: none;}
ul.sidebar li ul li {border-bottom: 1px solid #d0d8e2;}
ul.sidebar li ul li a {display: block; background: #cbd4df; color: #003d79; font:13px/18px 'proxima-Regular'; padding: 8px 8px 8px 12px; transition:all ease 0.5s;}
ul.sidebar li ul li a:hover, ul.sidebar li ul li.active a { background: #e9eef4; color: #3894f1;}

/* ================== sidebar ================== */

.content h3 {font: 16px/20px 'proxima-Regular'; color: #2489ed; padding-bottom: 10px; border-bottom: 1px solid #e9eef4;}

.main { width: 100%; float: left;}
.main img {max-width: 420px; float: left; margin: 0 20px 20px 0;}
.main h2 {color: #3894f1; font:17px/20px 'proxima-Regular'; margin-bottom: 20px;}
.main p {color: #003d79; font:15px/22px 'proxima-Regular'; margin: 0 0 10px 0;}
.main p a { color: #2489ed; border-bottom: 1px dotted ;}

/* ================== main ================== */


.gallery {margin-top: 40px; width: 100%; float: left;}
.gallery ul {}
.gallery ul li {float: left; width: 170px; height: 120px; overflow: hidden; margin: 15px 15px 0 0; position: relative;}
.gallery ul li img {display: block;}
.gallery ul li a {display: block; *cursor: pointer;}
.gallery ul li span {position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.5; filter: alpha(opacity=50); background: #003d79 url(../images/big-img.png) center center no-repeat; display: none;}

.gallery .resim-att {position: relative;float: left;padding: 0;text-align: center;margin: 0px 0px 0px 0px;width: 170px;}
.gallery .resim-att .resim-att-pre {position: relative;width: 170px;height: 120px;}
.gallery .resim-att .resim-att-pre .resim-thumb {width: 170px;height: 120px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
.gallery .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 170px;height: 130px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
.gallery .resim-thumb .resim-centered img {position: absolute;top: 0;left: 0;width: auto;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

/* ================== gallery ================== */


.teknik-ozellikler {margin-top: 30px; width: 100%; float: left;}
.teknik-ozellikler table {margin-top: 15px; width: 100%;}
.teknik-ozellikler table tr {padding: 12px 0;}
.teknik-ozellikler table tr td {padding: 12px 15px; background: #e9eef4; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; color: #003d79; font:14px/20px 'proxima-Regular';}

/* ================== teknik özellikler ================== */


.project-map {background: #cbd4df; padding: 10px;}
.project-map .iframe-wrapper {position: relative;}
.project-map .iframe-wrapper a {position: absolute; width: 33px; height: 33px; background: #3894f1 url(../images/big-map.png) center center no-repeat; right: 0; bottom: 40px; z-index: 10;}
.project-map .iframe-wrapper iframe {width: 100%; height: 200px; position: relative;}
.project-map h3 {font: 14px/20px 'proxima-Regular'; color: #003d79; padding: 10px 0; background: #cbd4df; position: relative; margin: -40px 0 10px 0;}
.project-map p {font: 13px/18px 'proxima-Regular'; color: #003d79; margin: 0 0 5px 0;}
.project-map p a {color: #003d79;}
.project-map p a:hover {border-bottom: 1px solid #003d79;}

.randevu {margin-bottom: 25px; }
.randevu a {background: #003d79 url(../images/randevu.png) 96% center no-repeat; display: block; padding: 10px; color: #FFFFFF; font:17px/24px 'proxima-Bold';}
.randevu p {color: #27ae60; font: 14px/16px 'proxima-bold'; margin-top: 10px;}
.open-form {display: block !important; min-height: 390px;}
.open-form h4 {color: #27ae60; font: 17px/20px 'proxima-Regular';}
.randevu-form {background: #cbd4df; padding: 10px; display: none;}
.randevu-form h3 {color: #003d79; font:18px/24px 'proxima-Bold'; margin-bottom: 10px;}
.randevu-form p {color: #2489ed; font: 15px/18px 'proxima-Regular'; margin-bottom: 15px;}
.randevu-form .inpGr100 {position: relative; margin: 0 0 10px 0; width: 100%;}
.randevu-form .inpGr100 input[type="text"], .randevu-form .inpGr100 textarea { background: #FFFFFF; color: #003d79; padding: 10px; font: 15px/18px 'proxima-Regular'; width: 94%}
.randevu-form .inpGr100 input[type="submit"] { background: #003d79; color: #FFFFFF; padding: 10px; font: 18px/20px 'proxima-Regular'; width: 150px; text-align: center; cursor: pointer; transition:background ease 0.5s;}
.randevu-form .inpGr100 input[type="submit"]:hover {background: #2489ed;}

/* ================== project-map ================== */


.offices { width: 100%; float: left;}
.offices .item { width: 100%; float: left; margin-bottom: 20px;}
.offices .item h2 {font: 16px/20px 'proxima-Regular'; color: #2489ed; padding-bottom: 10px; border-bottom: 1px solid #e9eef4; margin-bottom: 5px;}
.offices .item .text {float: left; font: 15px/22px 'proxima-Regular'; color: #003d79; margin-bottom: 10px; width: 50%;}
.offices .item .text a {color: #003d79;}
.offices .item .text a:hover {border-bottom: 1px solid #003d79;}
.offices .item .text ul li {padding: 0 0 0 25px; position: relative; margin: 10px 0;}
.offices .item .text ul li span {position: absolute; left: 0; font-size: 18px; top: 2px;}
.offices .item .map {float: right; padding: 5px; background: #cbd4df; border-bottom: 5px solid #cbd4df; overflow: hidden; width: 45%; position: relative; margin: 10px 0 0 0;}
.offices .item .map iframe {width: 100%; height: 200px; margin-bottom: -50px;}
.offices .item .map a {position: absolute; width: 33px; height: 33px; background: #3894f1 url(../images/big-map.png) center center no-repeat; right: 5px; bottom: 0; z-index: 10;}


/* ================== contact-wrapper ================== */


.news-page {}
.news-page .item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #003d79;}
.news-page .item .text {color: #003d79; font: 13px/18px 'proxima-Regular'; min-height: 190px;}
.news-page .item .image {float: left; margin-right: 20px; overflow: hidden; position: relative; border:5px solid #e9eef4;}
.news-page .item .image-news {height: 144px;}
.news-page .item .image img {}
.news-page .item .image span {position: absolute; width: 33px; height: 33px; background: #3894f1 url(../images/big-map.png) center center no-repeat; right: 0; bottom: 0;}
.news-page .item .text h2 {font:16px/20px 'proxima-Semibold'; margin-bottom: 5px;}
.news-page .item .text p {margin-top: 10px; margin-bottom: 15px;}
.news-page .item .text span {color: #2489ed;}
.news-page .item .text a.more {background: #2489ed url(../images/box-arrow.png) 82% center no-repeat; color: #FFFFFF; font: 12px/18px 'proxima-Light'; padding: 7px 30px 7px 7px; transition: all ease 0.3s; width: 150px;}
.news-page .item .text a.more:hover {background: #2489ed  url(../images/box-arrow.png) 92% center no-repeat;}
.news-page .item .news-text {min-height: 144px;}

.news-page .col12 > h2 {font: 20px/24px 'proxima-Semibold'; color: #003d79; margin-bottom: 5px;}
.news-page .col12 > p {font: 15px/22px 'proxima-Regular'; color: #003d79; padding: 10px 0; margin-bottom: 20px;}
.news-page .col12 > span.date {color: #2489ed; font: 13px/16px 'proxima-Regular';}
.news-page .col12 > img {max-width: 100%; margin: 20px 0 20px 20px; float: right;}
.news-page .col12 > a.more {background: #2489ed url(../images/box-arrow.png) 90% center no-repeat; color: #FFFFFF; font: 13px/18px 'proxima-Light'; padding: 7px 30px 7px 7px; transition: all ease 0.3s;}
.news-page .col12 > a.more:hover {background: #2489ed  url(../images/box-arrow.png) 94% center no-repeat;}

.news-page .image .resim-att {position: relative;float: left;padding: 0;text-align: center;margin: 0px 0px 0px 0px;width: 173px;}
.news-page .image .resim-att .resim-att-pre {position: relative;width: 173px;height: 180px;}
.news-page .image .resim-att .resim-att-pre .resim-thumb {width: 173px;height: 180px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
.news-page .image .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 173px;height: 180px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
.news-page .image .resim-thumb .resim-centered img {position: absolute;top: 0;left: 0;width: auto;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.news-page .image-news .resim-att {position: relative;float: left;padding: 0;text-align: center;margin: 0px 0px 0px 0px;width: 173px;}
.news-page .image-news .resim-att .resim-att-pre {position: relative;width: 173px;height: 144px;}
.news-page .image-news .resim-att .resim-att-pre .resim-thumb {width: 173px;height: 144px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
.news-page .image-news .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 173px;height: 144px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
.news-page .image-news .resim-thumb .resim-centered img {position: absolute;top: 0;left: 0;width: auto;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

/* ================== news ================== */


.pagination {}
.pagination ul { text-align: center; *width: 250px; *margin: 0 auto;}
.pagination ul li {display: inline-block; width: 30px; height: 30px; margin: 0 2px; *float: left;}
.pagination ul li a {color: #FFFFFF; padding: 5px 10px; background: #3894f1; font:15px/20px 'proxima-Semibold'; *line-height: 15px; display: block; transition:all ease 0.5s;}
.pagination ul li a:hover, .pagination ul li.active a {background: #003d79;}

/* ================== pagination ================== */



a#mobil {display: none; color: #003d79; font: 19px/34px 'proxima-semibold'; padding:7px 0; float: left; position: absolute; right: 0; margin: 12px 0;}
a#mobil i { float: left; margin-right: 10px; font-size: 32px;}
.mobileDiv {display: none;}
.mobileDiv nav.mobil-menu {display: none;}
.mobileDiv nav.mobil-menu ul { -moz-box-shadow: 0px 5px 10px 0px rgba(255, 255, 255, 0.75);}
.mobileDiv nav.mobil-menu ul li {font:500 22px 'Roboto', sans-serif; text-align: center; background: #003d79; border-bottom: 1px solid #003263;}
.mobileDiv nav.mobil-menu ul li a {color: #fff; padding: 9px; display: block;}
.mobileDiv nav.mobil-menu ul li:hover {}
.mobileDiv nav.mobil-menu ul li:hover a {background: #2489ed; border-bottom: #cad1db; color: #ffffff;}

.mobileDiv nav.mobil-menu ul li ul {border-top: solid 2px #d93d04; border-bottom: solid 2px #d93d04; display: none;}
.mobileDiv nav.mobil-menu ul li ul li {font:500 22px 'Roboto', sans-serif, Arial; text-align: center; background: #ffffff;}
.mobileDiv nav.mobil-menu ul li ul li:hover {}
.mobileDiv nav.mobil-menu ul li ul li a {color: #2c3a48; padding: 9px; display: block;}
.mobileDiv nav.mobil-menu ul li ul li:hover a {background: #ffffff; color: #10283f;}

/* ================== mobil-menu ================== */


.page {float: left;}
.side {float: right;}


/* ====================================================== */

@media screen and (max-width: 1024px) and (min-width: 0) {
	.repeat2 {display: none;}
	.repeat1 {display: none;}
	header {position: relative; top: 0; background: #FFFFFF; border-bottom: 1px solid #ccd4df; z-index: 110;}
	header .header-bottom { margin: 5px 0 0 0; border-top: 2px solid #eee;}
	header .header-bottom ul.menu {display: none;}
	header .header-bottom a.logo {position: relative; margin: 12px 0; bottom: 0; left: 0;}
	header .header-top .language a {display: block;height: auto;padding: 16px 0;}
	a#mobil {display: block;}
	.mobileDiv {display: block;}
	.page-title {background-position: center bottom;padding: 15px 0;}
	footer .footer-top {background: #cad1db; height: auto;}
	footer .footer-top .bulten-text p {background:  url(../images/email-icon.jpg) left center no-repeat; font-size: 14px; padding: 16px 0 16px 66px;}
	footer .footer-middle {background: #ccd0db; height: auto;}
	footer .footer-bottom {background: #ccd0db; height: auto;}
	footer .footer-bottom .copyright, footer .footer-bottom .mediaclick {margin-bottom: 15px;}
	section.index {margin-top: -300px;}

	.tparrows {display: none;}
	.video-slider {display: none;}
	.video-mobil {display: block;}
	.gallery {margin-bottom: 20px;}

	header .header-bottom a.logo { position: relative; width: 130px; float: left; text-indent: -9999px; background-size: 100%; height: 46px;}
	header .header-bottom a.logo img{ width: 130px;height: 46px;margin: -12px 0 -12px -65px; }
	header .header-top .language {position: absolute;float: right;margin: 0;}
	header .header-top .phone {float: left;}
	header .header-top .phone .tel {padding: 0 0 0 30px;background-position: 0;}

	.forms .inpGr {width: 100%;margin: 0 0 10px 0;}

	.mobile  { display: block;}
	.desktop { display: none;}

	.side { margin-bottom: 25px;}
	
	.capSmall {font-size: 18px !important; line-height: 22px !important;}


}


@media screen and (max-width: 1024px) and (min-width: 794px) {
	.footer-middle .col9 {width: 608px;}
	.footer-middle .col3 {width: 120px;}
	footer .footer-middle {padding-bottom: 15px;}
	footer .footer-middle ul.footer-menu li {margin-right: 15px;}
	.footer-bottom .col10 {width: 550px; text-align: center;}
	.footer-bottom .col2 {width: 178px;}
	.main-one .col7 {width: 560px;}
	.main-one .col5 {width: 168px;}
	.about-us a.facebook-icon {margin-top: -20px; margin-right: -50px;}
	.news ul li .text {width: 227px;}
	.main img {max-width: 280px;}
	.randevu a {font-size: 15px;}
	a#mobil {right: 370px;}
	.header-top .container_12 {position: relative;}
	.header-top .col12 {position: absolute; width: 210px; float: right; right: 0; bottom: 0; z-index: 99; margin-bottom: -60px; padding-top: 10px;}
	header .header-bottom {margin: 0; border-top: none;}

	.page {width: 498px !important;}
	.side {width: 230px !important;}
	section.index {margin-top: -50px;}
	
	.capSmall {font-size: 20px !important; line-height: 24px !important;}

}

@media screen and (max-width: 793px) and (min-width: 700px) {
	footer .footer-top .bulten-text p { padding: 10px 0 10px 66px; font-size: 12px; line-height: 16px;}
	footer .footer-top .bulten input[type="text"] {width: 150px;}
	.footer-top .col9 {width: 266px;}
	.footer-top .col3 {width: 174px;}
	.footer-middle .col9 {width: 320px;}
	.footer-middle .col3 {width: 120px;}
	footer .footer-middle ul.footer-menu {margin: 15px 0;}
	footer .footer-middle ul.footer-menu li {float: none;}
	.boxes .box {width: 146px; margin-right: 10px;}
	.boxes .box .text {width: 135px; padding: 0 5px;}
	.video-mobil a {padding: 12px 5px 12px 60px; letter-spacing: 3px;}
	.video-mobil {margin-top: 10px;}
	.news ul li .text {width: 320px;}
	.about-us a.facebook-icon {margin-top: 45px; margin-right: 20px; width: 100px; height: 100px; background-size: 100% auto;}
	.about-us {width: 440px !important; margin-top: 20px;}
	.about-us img {width: 80%;}
	.main img {max-width: 240px;}

	.boxes .box .resim-att, .boxes .box .resim-att .resim-att-pre, .boxes .box .resim-att .resim-att-pre .resim-thumb, .boxes .box .resim-att .resim-att-pre .resim-thumb .resim-centered {width: 146px;}


	.capBig {}
	.capSmall {font-size: 20px !important; line-height: 24px !important;}
	
	section.index {margin-top: -70px;}
}

@media screen and (max-width: 699px) and (min-width: 480px) {
	footer .footer-top .bulten-text p { padding: 10px 0 10px 66px; font-size: 12px; line-height: 16px;}
	footer .footer-top .bulten input[type="text"] {width: 150px;}
	.footer-top .col9 {width: 266px;}
	.footer-top .col3 {width: 174px;}
	.footer-middle .col9 {width: 320px;}
	.footer-middle .col3 {width: 120px;}
	footer .footer-middle ul.footer-menu {margin: 15px 0;}
	footer .footer-middle ul.footer-menu li {float: none;}
	.boxes .box {width: 146px; margin-right: 10px;}
	.boxes .box .text {width: 135px; padding: 0 5px;}
	.video-mobil a {padding: 12px 5px 12px 60px; letter-spacing: 3px;}
	.video-mobil {margin-top: 10px;}
	.news ul li .text {width: 320px;}
	.about-us a.facebook-icon {margin-top: 45px; margin-right: 20px; width: 100px; height: 100px; background-size: 100% auto;}
	.about-us {width: 440px !important; margin-top: 20px;}
	.about-us img {width: 80%;}
	.main img {max-width: 240px;}

	.boxes .box .resim-att, .boxes .box .resim-att .resim-att-pre, .boxes .box .resim-att .resim-att-pre .resim-thumb, .boxes .box .resim-att .resim-att-pre .resim-thumb .resim-centered {width: 146px;}


	.capBig {}
	.capSmall {font-size: 20px !important; line-height: 24px !important;}
	
	section.index {margin-top: -110px;}
}


@media screen and (max-width: 479px) {

	.footer-middle .col9 {width: 160px;}
	.footer-middle .col3 {width: 120px;}
	footer .footer-middle ul.footer-menu {margin: 15px 0;}
	footer .footer-middle ul.footer-menu li {float: none;}
	footer .footer-top .bulten form {float: left; margin: 0px 0 10px 0; width: 100%;}
	footer .footer-top .bulten input[type="text"] {width: 92%;}
	.offices .item .text {width: 100%;}
	.offices .item .map {width: 96%; float: left; margin-top: 0;}
	.forms .inpGr .captcha img {width: 100%;}
	.boxes .box {margin-right: 0; margin-bottom: 10px; width: 100%; overflow: hidden; height: 180px;}
	.boxes .box .image img {width: 100%;}
	.boxes .box .text {width: 278px;}
	.video-mobil {margin-top: 0;}
	.about-us {width: 270px !important; margin-top: 10px;}
	.about-us img {width: 100%;}
	.about-us a.facebook-icon {width: 90px; height: 90px; background-size: 100% auto; margin-right: -30px;}
	.news ul li .image {margin-right: 10px;}
	.news ul li .text {width: auto; float: none;}
	.video-mobil a {padding: 12px 5px 12px 60px;}
	.main img {max-width: 100%; margin: 0 0 20px 0;}
	.gallery ul li {width: 142px;}
	.gallery .resim-att, .gallery .resim-att .resim-att-pre, .gallery .resim-att .resim-att-pre .resim-thumb, .gallery .resim-att .resim-att-pre .resim-thumb .resim-centered {width: 142px;}
	ul.projects li .text h2 {font: 18px/22px 'proxima-bold';}

	ul.projects li .image {margin: 0 0 15px 0;}

	.projects .resim-att {position: relative;float: left;padding: 0;text-align: center;margin: 0px 0px 0px 0px;width: 300px;}
	.projects .resim-att .resim-att-pre {position: relative;width: 300px;height: 150px;}
	.projects .resim-att .resim-att-pre .resim-thumb {width: 300px;height: 150px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
	.projects .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 300px;height: 150px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
	.projects .resim-thumb .resim-centered img {position: absolute;top: 0;left: 0;width: auto;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

	.news-page .image {margin-bottom: 15px;}
	.news-page .image .resim-att {position: relative;float: left;padding: 0;text-align: center;margin: 0px 0px 0px 0px;width: 290px;}
	.news-page .image .resim-att .resim-att-pre {position: relative;width: 290px;height: 150px;}
	.news-page .image .resim-att .resim-att-pre .resim-thumb {width: 290px;height: 150px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
	.news-page .image .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 290px;height: 150px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
	.news-page .image .resim-thumb .resim-centered img {position: absolute;top: 0;left: 0;width: auto;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

	.boxes .box .resim-att, .boxes .box .resim-att .resim-att-pre, .boxes .box .resim-att .resim-att-pre .resim-thumb, .boxes .box .resim-att .resim-att-pre .resim-thumb .resim-centered {width: 300px; height: 180px;}

	.capBig { line-height: 44px !important;}
	.capSmall {font-size: 20px !important; line-height: 24px !important;}
	
	section.index {margin-top: -150px;}
}