/*
* Haks Web Site
* http://haks.com.tr
* Copyright 2015, 2.adres
* 27/04/2015
*/

/* #Basic Styles
================================================== */
html { }
body { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; background: url(../img/pattern.png) repeat; }
html, body, #page { width: 100%; height: 100%; margin: 0px; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'pn', Helvetica, Arial, sans-serif; color: #222222; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
.hidden { display: none !important; visibility: hidden; }
.outline { outline: 1px solid red; }
.overflow { overflow: hidden; }
html, button, input, select, textarea, .pure-g [class *= "pure-u"] { font-family: 'pn', Helvetica, Arial, sans-serif; }
.container { max-width:960px; margin:0px auto; position: relative; background: #FFFFFF; padding-top: 60px; max-width: 1140px; }

.l-box { padding: 0 15px; }
.img-box { padding: 0; }

a.ikiadres, a.ikiadres:visited { display: block; text-align: center; margin: 20px auto 0 auto; width: 44px; padding-bottom: 10px; opacity: .5 }
a.ikiadres:hover, a.ikiadres:focus { opacity: 1; }

@media screen and (min-width: 940px) {
  .img-box { padding: 0 15px; }
}

@media screen and (min-width: 35.5em) {
  .container { padding-top: 70px; }
}

@media screen and (min-width: 48em) {
  .container { padding-top: 90px; }
}

@media screen and (min-width: 64em) {
  .container { padding-top: 105px; padding-left: 15px; padding-right: 15px;}
}

.modal-body { padding: 0; }
.modal-body button { margin: 0; position: absolute; right: 0; z-index: 99; width: 50px; opacity: 1; color: #FFF; font-size: 36px; }
.modal-body button:hover { color: #FFF; }

/* #Links
================================================== */
a, a:visited { color: #000000; text-decoration: none; outline: 0;  }
a:hover, a:focus, a:active { text-decoration: underline; color: #0A3275; outline: 0; }
a, a:hover, a:active {
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  background-color: transparent;
}


/* #Forms
================================================== */
form { width: 100%; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { background: #FFFFFF; border: 1px solid #F5F7FA; text-indent: 7px; outline: none; margin: 7px auto;  display: block; width: 280px; max-width: 100%; height: 42px; line-height: 39px; overflow: hidden; padding: 0; font-size: 14px; }
textarea { min-height: 130px; width: 280px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #96829D; color: #444; }
::-webkit-input-placeholder { color: #9B86A0; font-size: 14px; }
:-moz-placeholder { color: #9B86A0; font-size: 14px; }
::-moz-placeholder { color: #9B86A0; font-size: 14px; }
:-ms-input-placeholder { color: #9B86A0; font-size: 14px; }
button { background: none; border: 1px solid #96829D; display: block; text-align: center; height: 42px; overflow: hidden; line-height: 39px; /*height: 2.5em; line-height: 2.5em;*/ font-family: 'pn_semibold', sans-serif; color: #370D41; width: 100px; margin: 1em auto 0 auto; -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
button:hover { color: #FFFFFF; background: #370D41; border: 1px solid #370D41; }
label.error { width: 100%; background: none; margin-top: 0.5em; text-align: center; color: #D0021B; font-family: 'pn_semibold', sans-serif; font-size: 14px;  }

@media screen and (min-width: 48em) {
  label.error { font-size: 15px; }
  input[type="text"], input[type="password"], input[type="email"], textarea, select { font-size: 15px; }
}

@media screen and (min-width: 64em) {
  label.error { font-size: 16px; }
  input[type="text"], input[type="password"], input[type="email"], textarea, select { font-size: 16px; }
}

/* #TEXT FORMATS
================================================== */
p { font-size: 14px; line-height: 21px; margin: 10px 0; }
em, i { font-family: 'pn_i', Helvetica, Arial, sans-serif; font-style: normal; }
ul { list-style-position: inside; padding: 0; margin: 0;  }
strong, b { font-family: 'pn_semibold', Helvetica, Arial, sans-serif; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }

@media screen and (min-width: 35.5em) {
  p { font-size: 15px; line-height: 23px; }
}

@media screen and (min-width: 48em) {
  p { font-size: 16px; line-height: 24px; }
}


/* #CONTENT
================================================== */
h3 { font-size: 18px; line-height: 27px; }

/*--- Section Title Mini ---*/
.hidden-mini-title { background: #2F518A; height: 32px; overflow: hidden; }
.hidden-mini-title h3 { font-size: 22px; font-family: 'pn_semibold', serif; color: #FFFFFF; margin: 0; padding: 0; line-height: 1.65;}

@media screen and (min-width: 35.5em) {
  .hidden-mini-title { height: 38px; }
  .hidden-mini-title h3 { font-size: 24px; line-height: 1.7;}
}

@media screen and (min-width: 940px) {
  .hidden-mini-title { display: none; }
}

/*--- Section Title ---*/
.hidden-title {  height: 38px; overflow: hidden; margin: 20px 0; display: none; }
.hidden-title h2 { border-left: 5px solid #CED6E4; text-indent: 10px; font-size: 24px; font-family: 'pn_semibold', serif; color: #2F518A; margin: 0; padding: 0; line-height: 1.75;}

@media screen and (min-width: 940px) {
  .hidden-title { display: block; }
}


/*--- GIRIS SAYFASI ---*/
#header { }
.home-container { max-width:960px; margin:0px auto; position: relative; background: #FFFFFF; padding-top: 60px; max-width: 1140px; }
.homebox { min-height: 350px;  }

@media screen and (min-width: 35.5em) {
  .home-container { padding-top: 70px; }
  .homebox { height: 488px; }
}

@media screen and (min-width: 48em) {
  .home-container { padding-top: 90px; }
  .homebox { height: 510px; }
}

@media screen and (min-width: 64em) {
  .home-container { padding-top: 90px; padding-left: 15px; padding-right: 15px; }
  .homebox { height: 530px; margin-left: -15px; margin-right: -15px; }
}


/*--- KURUMSAL ---*/
.time-padding { padding-top: 20px;}
.time-box { background: url(../img/timeline.png) no-repeat 95px 0px; padding-bottom: 15px; position: relative; /*max-width: 400px;*/ margin: 0px auto; clear: both; overflow: hidden; }
.time-box-first { background-image: url(../img/timeline-first.png); background-position: 95px 9px; }
.time-box p { margin: 0; padding: 0; padding-top: 6px; margin-left: 125px; }
.time-box div { float: left; width: 90px;  }
.time-box span { display: block; color: #486698; font-family: 'Vollkorn', serif; font-size: 24px; line-height: 34px; text-align: right;  }
.time-box img { float: right; }
img.kurumsal-img { margin: 15px 0; }

@media screen and (min-width: 35.5em) {
}

@media screen and (min-width: 48em) {
  img.kurumsal-img { margin: 20px 0; }
  .time-box p { font-size: 15px; }
}

@media screen and (min-width: 64em) {
  .time-box p { font-size: 15px; }
  img.kurumsal-img { margin: 25px 0; }
}


/*--- FAALIYET ALANLARI ---*/
.fadein { position: relative; min-height: 190px; overflow: hidden; }
.fadein img { position: absolute; }

.label-head { text-align: center; font-size: 18px; line-height: 1.2; padding: 20px 0 10px 0; }
.label-title { max-width: 280px; background-color: #DBE1EB; border-radius: 4px; font-size: 18px; line-height: 39px; height: 34px; text-align: center; position: relative; margin: 0px auto 20px auto; }
.label-title:after { position: absolute; bottom: -8px; content: ''; width: 0; height: 0; left: 50%; right: 50%; border-style: solid; border-width: 8px 10px 0 10px; border-color: #dbe1eb transparent transparent transparent; }

a.label-link { display: block; margin: 0px auto 30px auto; text-align: center; text-decoration: none; max-width: 260px; line-height: 1.3; }
a.label-link img { -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
a.label-link:hover img { opacity: 0.4; }
img.label-img { display: block; margin: 0px auto 14px auto; }

.label-box { margin: 0px auto; text-align: center; max-width: 260px; line-height: 1.3; }
.label-box img { -o-transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; transition: all 0.15s ease-in;}
.label-box:hover img { opacity: 0.4;  }

@media screen and (min-width: 35.5em) {
  .fadein { min-height: 270px; }
  .label-title { max-width: 100%; }
}

@media screen and (min-width: 48em) {
  .fadein { min-height: 348px; }
  .label-head { font-size: 20px; }
}

@media screen and (min-width: 64em) {
  .fadein { min-height: 400px; }
}

@media screen and (min-width: 940px) {
  .fadein { min-height: 500px; }
  .label-head { padding: 0; }
}


/*--- ILETISIM ---*/
#map { overflow: hidden; position: relative; min-height: 200px; }
#map iframe { min-height: 200px; width: 100%; border: 0; margin: 0; }

.contact { text-align: center; padding-top: 15px; padding-bottom: 15px; }
img.mini-logo { margin-bottom: 7px; height: 50px; }
.contact p { line-height: 21px; }
.contact p.haks {  }
.contact p.haks span { font-family: "pn_semibold", sans-serif; }
.contact-form { background: #F5F7FA; max-width: 400px; margin:0px auto; padding: 20px 0; text-align: center; }
.contact-form p { padding: 0 30px; margin: 15px 0; }
.contact-form h3 { font-size: 19px; margin: 0; padding: 0; font-family: 'pn_semibold', sans-serif; line-height: 1;}

@media screen and (min-width: 35.5em) {
  #map, #map iframe { min-height: 260px; }
  .contact-form { margin-bottom: 25px; }
}

@media screen and (min-width: 48em) {
  #map, #map iframe { min-height: 320px; }
  img.mini-logo { height: 60px; }
  .contact { padding-top: 25px; padding-bottom: 0; }
  .contact-form { max-width: 364px; margin-top: 25px; }
}

@media screen and (min-width: 940px) {
  img.mini-logo { height: 70px; }
  .contact { padding-top: 0; padding-bottom: 0; }
  .contact-form { margin-top: 0px; max-width: 100% }
}


/* #HEADER
================================================== */
#navigation { background: url(../img/nav-bck.png) center center no-repeat; width: 100%; height: 60px; position: fixed; z-index: 999; }
#navigation .nav-container { max-width:1180px; margin:0px auto; position: relative; }
#navigation a { color: #DCD1BE; }
#navigation a:hover, #navigation a:active, #navigation a:focus { color: #EEEEEE; text-decoration: underline; }
#navigation a.selected { color: #FFFFFF; text-decoration: none; }
#navigation a.logo { background: url(../img/logo.png) no-repeat; background-size: 100% auto; display: block; height: 40px; width: 91px; margin: 11px 0 0 0; text-indent: -5000px; float: left; }
#navigation a.lang-select { display: none; }
#navigation ul { display: none; }
#navigation a.mini-menu { position: absolute; top: 15px; right: 15px; display: block; width: 80px; height: 29px; text-align: right; font-size: 18px; line-height: 30px; border-radius: 3px; overflow: hidden; padding-right: 5px; background: url(../img/lines.png) 5px 8px no-repeat; text-decoration: none; border: 1px solid rgba(255,255,255,0); }
#navigation a.mini-menu:hover { border-color: #EEEEEE; text-decoration: none; border: 1px solid #DCD1BE; }

@media screen and (min-width: 35.5em) {
  #navigation { height: 70px; }
  #navigation a.logo { height: 50px; width: 114px; margin-top: 10px; }
  #navigation a.mini-menu { top: 20px; right: 30px;  }
}

@media screen and (min-width: 48em) {
  #navigation { height: 90px; }
  #navigation a.logo { height: 60px; width: 136px; margin-top: 15px; }
  #navigation a.lang-select { display: block; position: absolute; font-size: 14px; right: 24px; top: 10px; z-index: 100; }
  #navigation a.lang-select i { margin-right: 5px; }
  #navigation a.mini-menu { display: none; }
  #navigation ul { display: inline-block; text-align: center; font-size: 18px; line-height: 22px; float: right; margin-top: 54px; }
  #navigation ul li { cursor: pointer; margin: 0 10px; display: inline-block; }
  #navigation ul li a .fa, header nav ul li a:visited .fa { font-size: 15px; line-height: 13px; display: block; float: left; margin-top: 3px; margin-right: 4px; }
}

@media screen and (min-width: 64em) {
  #navigation { height: 90px; }
  #navigation .nav-container {  }
  #navigation a.logo { height: 73px; width: 166px; margin-top: 8px; }
}


/* #MOBILE MENU
================================================== */
body.modal-open { overflow: hidden; }
.mobile-menu { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(4, 19, 48, .97); position: fixed; z-index: 1000;height: 100%; width: 100%; display: none; }
.mobile-menu span, .mobile-menu span:visited { display: block; color: #DCD1BE; position: absolute; right: 10px; top: 10px; cursor: pointer; padding: 7px; border-radius: 14px; border: 1px solid #DCD1BE; background: transparent; text-align: center; overflow: hidden; font-size: 11px; line-height: 1; }
.mobile-menu span:hover, .mobile-menu span:active { color: #000; background: #DCD1BE; }
.mobile-menu nav { overflow: hidden; font-size: 21px; line-height: 48px; width: 100%; max-width: 300px; margin: 50px auto 0 auto; text-align: left; }
.mobile-menu nav ul li {  }
.mobile-menu nav ul li a, .mobile-menu nav ul li a:visited { text-decoration: none; display: block; cursor: pointer; color: #DCD1BE; border-bottom: 1px solid rgba(255,255,255,.10); padding: 0 10px; }
.mobile-menu nav ul li a:hover, .mobile-menu nav ul li a:active { color: #0A3275; background: #DCD1BE; border-bottom-color: #DCD1BE; }
.mobile-menu nav ul li.selected a { color: #FFFFFF; }
.mobile-menu nav ul li i { font-size: 16px; margin-right: 5px; top: -2px; }


/* #Font-Face
================================================== */
@font-face {
  font-family: 'pn';
  src: url(../fonts/regular/proximanova-regular_gdi.eot);
  src: url(../fonts/regular/proximanova-regular_gdi.eot?iefix) format('embedded-opentype'),
      url(../fonts/regular/proximanova-regular_gdi.svg#ProximaNova-Regular) format('svg'),
      url(../fonts/regular/proximanova-regular_gdi.woff) format('woff'),
      url(../fonts/regular/proximanova-regular_gdi.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'pn_i';
  src: url(../fonts/regular-italic/proximanova-regularit_gdi.eot);
  src: url(../fonts/regular-italic/proximanova-regularit_gdi.eot?iefix) format('embedded-opentype'),
      url(../fonts/regular-italic/proximanova-regularit_gdi.svg#ProximaNova-RegularIt) format('svg'),
      url(../fonts/regular-italic/proximanova-regularit_gdi.woff) format('woff'),
      url(../fonts/regular-italic/proximanova-regularit_gdi.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: 'pn_semibold';
  src: url(../fonts/semibold/proximanova-semibold_gdi.eot);
  src: url(../fonts/semibold/proximanova-semibold_gdi.eot?iefix) format('embedded-opentype'),
      url(../fonts/semibold/proximanova-semibold_gdi.svg#ProximaNova-Semibold) format('svg'),
      url(../fonts/semibold/proximanova-semibold_gdi.woff) format('woff'),
      url(../fonts/semibold/proximanova-semibold_gdi.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}