/*
* MGH Group Web Site
* Copyright 2019, Levent Evmek
* ikinciadres.net
*/

/* #Pause animations before page load
================================================== */
.js-loading *,
.js-loading *:before,
.js-loading *:after {
  animation-play-state: paused !important;
}

/* #Basic Styles
================================================== */
html {  }
body { color: #121212; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; background-color: #f1f1f1; }
html, button, input, select, textarea, .pure-g [class *= "pure-u"] { font-family: 'din-light', Helvetica, Arial, sans-serif; }

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

/* #Forms
================================================== */
form { width: 100%; padding-bottom: 2em; }
fieldset { border: 0; padding: 0.5em 0; }
label, legend { display: block; font-size: 1em; font-family: 'din', Helvetica, Arial, sans-serif; width: 140px; line-height: 2em; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { border-radius: 7px; background: #FCFCFC; border: 1px solid #D8D8D8; text-indent: 5px; padding: 6px 4px; outline: none; margin: 0; display: block; width: 100%; max-width: 100%; }
select { width: 100%; height: 34px;  }
textarea { min-height: 140px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px #D42926; -webkit-box-shadow: 0 0 3px #D42926; box-shadow: 0 0 3px #D42926; }
input[type="checkbox"] { display: inline; }
::-webkit-input-placeholder { color: #9E9E9E; }
:-moz-placeholder { color: #9E9E9E; }
::-moz-placeholder { color: #9E9E9E; }
:-ms-input-placeholder { color: #9E9E9E; }
button { background: url(../img/btn.png) no-repeat; border: 0; display: block; text-align: center; height: 2.5em; line-height: 2.5em; font-family: 'eurostile', Verdana, sans-serif; color: #FFFFFF; width: 14.5em; margin: 1em auto 0 auto; opacity: 0.5; -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 { opacity: 1; }
label.error { width: 100%; background: rgba(212,41,38,0.25); margin-top: 0.5em; border-radius: 6px; text-align: center; color: #1a1a1a; font-family: 'din-medium', Helvetica, Arial, sans-serif; letter-spacing: normal; }

#result { text-align: center; border-radius: 3px; color: #e61702; font-size: 1.25em; background-color: #eee; padding: .75em; margin: 1em 0; display: none; }
.g-recaptcha { margin: 1em 0 1.2em 0; }

@media screen and (min-width: 35.5em) {
  fieldset { float: left; width: 100%; }
  label, legend { width: 30%; float: left; }
  input[type="text"], input[type="password"], input[type="email"], textarea, select { width: 65%; }
  .g-recaptcha { margin-left: 30%; }
}

@media screen and (min-width: 48em) {
  fieldset, fieldset > * { box-sizing: border-box; }
  fieldset { float: left; width: 49%; }
  label, legend { float: none; width: auto;  }
  input[type="text"], input[type="password"], input[type="email"], textarea, select { width: 95%; }
  .last-field { width: 100%; }
  textarea { min-height:100px; width: 96%; }
  .g-recaptcha { margin: .5em 0; }
  .g-recaptcha > div { margin: 0 auto; }
}

@media screen and (min-width: 64em) {
  fieldset { float: none; width: 95%; }
  label, legend { width: 30%; float: left; }
  input[type="text"], input[type="password"], input[type="email"], textarea, select { width: 70%; }
  textarea { min-height:195px; }
  button { float: right; }
  .g-recaptcha { float: right; }
  .g-recaptcha > div { margin: 0; }
}



.container { max-width: 1200px; margin:0px auto; position: relative; }
.l-box { padding: 0 1.25em; }
.overflow { overflow: hidden; }
.outline { outline: 1px solid red; }
.clearfix::after { content: ""; clear: both; display: table; }
.bg-white { background-color: #FFF; }
.m-0 { margin: 0; }
.mb-1 { margin-bottom: 1em; }
.mb-2 { margin-bottom: 1.5em; }
.mx-1 { margin-top: 1em; margin-bottom: 1em; }
.mx-2 { margin-top: 1.5em; margin-bottom: 1.5em; }
.pos-r { position: relative; }
.eurostile { font-family: 'eurostile', Verdana, sans-serif; }
.hidden { display: none; }
.fancybox-title h4 { font-size: 1.5em; color: #121212; line-height: 1.25em; margin: 0; padding: 0; font-family: 'din-bold', Helvetica, Arial, sans-serif; }
.fancybox-title { font-family: 'din', Helvetica, Arial, sans-serif; font-size: 1em; }
.bwWrapper { position:relative; display:block; overflow: hidden; }
.unset { width: unset; height: unset; margin: unset; padding: unset; }
.visible-lg { display: none; }

@media screen and (min-width: 64em) {
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
}

/*--- TEXT FORMATS ---*/
p { font-size: 1em; line-height: 1.625em; margin: 1em 0; }
p.bold-sm { font-size: 1.125em; line-height: 1.611em; font-family: 'din', Helvetica, Arial, sans-serif; }
ul { list-style-position: inside; padding: 0; margin: 0;  }
strong, b { font-family: 'din-medium', Helvetica, Arial, sans-serif; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-weight: normal;  }

@media screen and (min-width: 35.5em) {
  p, ul { font-size: 1.125em; line-height: 1.5em; }
  p.bold-sm { font-size: 1.313em; line-height: 1.429em; }
}

@media screen and (min-width: 64em) {
  p.bold-lg { font-family: 'din', Helvetica, Arial, sans-serif; font-size: 1.313em; line-height: 1.429em; }
}



/* #NANOFIX
================================================== */
.nanofix-head { margin-bottom: 3px; }
.nanofix-logo { position: absolute; bottom: 1em; left: 1em; max-width: 234px; }
.nanofix-ufak-logo { position: absolute; bottom: 2.5em; left: 1em; max-width: 175px; }
.long-euro-logo  { bottom: 4em; }
.fix-serit { background: url(../img/mix-serit.png) -130px top no-repeat; color: #000000; font-size: 18px; height: 64px; overflow: hidden; margin-bottom: 3px; margin-right: 3px; }
.fix-serit p { line-height: 22px; margin: 0; font-size: 16px; padding-top: 12px; }
.fix-serit p.single-line { padding-top: 22px; }
.fix-title { float: left; width: 130px; color: #FFFFFF; font-family: 'din-bold', Helvetica, Arial, sans-serif; line-height: 28px; padding-left: 16px; font-size: 36px; }
.fix-title span { display: block; font-family: 'din-medium', Helvetica, Arial, sans-serif; font-size: 20px; color: #FF8383; }
.fix-title span.long-title { font-size: 15px; }
.nanofix-colored { background:#EDEDED; }
.nanofix-colored .ribbon { border-top: 0; }
.nanofix-lined p { border-bottom: 1px solid #E5E5E5; margin: 0; padding: 0.75em 0; }
.nanofix-color-red { background: #D42926; color: #FFFFFF;  }
.first-color { margin-bottom: 0; }
.nanofix-lined-red p { border-bottom: 1px solid #E99492; margin: 0; padding: 0.75em 0; }
.nanofix-color-red img { margin: 1em 0; }
.nanofix-thumbs { padding: 2px 0 0 0; }
.mix-serit-nanofix { background: url(../img/mix-serit.png) -300px top no-repeat; color: #000000; height: 54px; line-height: 58px; font-size: 19px; white-space: nowrap; overflow: hidden; }
.mix-title-nanofix { font-family: 'din-bold', Helvetica, Arial, sans-serif; padding-left: 20px; }
.mix-title-nanofix span { display: none; }

@media screen and (min-width: 35.5em) {
  .nanofix-logo { max-width: 334px; }
  .nanofix-ufak-logo { bottom: 3em; max-width: 225px; }
  .fix-serit { background-position: -100px top; }
  .fix-serit p { font-size: 18px; }
  .fix-title { width: 180px; }
  .mix-serit-nanofix { background-position: -105px 0; font-size: 19px;  }
  .mix-title-nanofix span { display: block; float: left; line-height: 60px; font-size: 18px; color: #FFFFFF; width: 150px; font-family: 'eurostile', Verdana, sans-serif; }
}

@media screen and (min-width: 48em) {
  .nanofix-ufak-logo { bottom:3.5em; left: 1.5em;  }
}

@media screen and (min-width: 64em) {
  .nanofix-logo { bottom:4em; left: 1.5em; max-width: 334px; }
  .nanofix-ufak-logo { bottom:4em; left: 1.5em; }
  .nanofix-lined p.none { border-bottom: 0; }
  .nanofix-lined-red p.none { border-bottom: 0; }
  .nanofix-thumbs { padding: 20px 0 0 0; }
}


/* #NANOMIX
================================================== */
.nanomix-logo { position: absolute; bottom: 1.5em; left: 1em; max-width: 259px; }
.mix-serit { background: url(../img/mix-serit.png) -60px top no-repeat; color: #000000; font-size: 1.313em; height: 64px; line-height: 70px; white-space: nowrap; overflow: hidden; }
.mix-title { float: left; width: 200px; color: #FFFFFF; font-family: 'din-bold', Helvetica, Arial, sans-serif; line-height: 28px; padding-left: 16px; font-size: 36px; }
.mix-title span { display: block; font-family: 'din-medium', Helvetica, Arial, sans-serif; font-size: 20px; color: #FF8383; }
.nanomix-list {  padding: 0 1.25em; }
.nanomix-list p { border-bottom: 1px solid #E5E5E5; font-family: 'din-medium', Helvetica, Arial, sans-serif; margin: 0; line-height: 2.35em; }
.nanomix-list p span { float: right; padding-right: 1.25em; font-family: 'din-light', Helvetica, Arial, sans-serif; }
.list-second { margin-bottom: 1.625em; }

@media screen and (min-width: 35.5em) {
  .nanomix-logo { max-width: 359px; }
  .mix-serit { background-position: -40px top; }
  .mix-title { width: 240px;  }
}

@media screen and (min-width: 48em) {
  .nanomix-logo { left: 1.5em; max-width: 459px; }

}

@media screen and (min-width: 64em) {
  .nanomix-logo { left: 1.5em; max-width: 459px; }
  .mix-serit { background-position: 0px top; }
  .mix-title { width: 280px; }
  .nanomix-list {  padding: 1.25em; }
  .list-second { margin-bottom: 0; }
}


/* #NANOFLOOR
================================================== */
.nanofloor-logo { position: absolute; bottom: 1.5em; left: 1em; max-width: 362px; }
p.nanofloor-bold-sm { font-size: 1.125em; line-height: 1.5em; font-family: 'din', Helvetica, Arial, sans-serif; margin-bottom: 0; }
p.nanofloor-bold-sm span { padding-right: 20px; }
p.nanofloor-bold-sm span.last-span { display: block; }
.nanofloor-list { padding-right: 1.25em; padding-top: 1em;  }
.nanofloor-list p { border-bottom: 1px solid #E5E5E5; font-family: 'din-medium', Helvetica, Arial, sans-serif; padding-left: 1.25em; margin: 0; line-height: 2.35em; }
.nanofloor-list p span { float: right; padding-right: 1.25em; font-family: 'din-light', Helvetica, Arial, sans-serif; }

@media screen and (min-width: 35.5em) {
  .nanofloor-logo { max-width: 512px; }
  p.nanofloor-bold-sm { font-size: 1.5em; line-height: 1em; }
  p.nanofloor-bold-sm span { padding-right: 15px; }
  p.nanofloor-bold-sm span.last-span { display: inline; }
}

@media screen and (min-width: 48em) {
  p.nanofloor-bold-sm span { padding-right: 25px; }
}

@media screen and (min-width: 64em) {
  .nanofloor-logo { left: 1.5em; max-width: 612px; }
  p.nanofloor-bold-sm { font-size: 1.85em; line-height: 1.5em; padding: 0;  }
  p.nanofloor-bold-sm span { display: block; padding: 0; }
  p.nanofloor-bold-sm span.last-span { display: block; }
  .nanofloor-list p span { padding-right: 1.25em; }
}


/* #SCS
================================================== */
.scs-list { margin: 0.625em 0 2em 0; }




/* #PAGE LOGO PATTERN
================================================== */
.page-bck { background: url('../img/page-ico-bck.png') no-repeat bottom center; background-color: #FFF; height: 67px; padding-top: 20px; }

@media screen and (min-width: 35.5em) {
  .page-bck { padding-top: 30px; }
}

@media screen and (min-width: 48em) {
  .page-bck { padding-top: 40px; }
}

@media screen and (min-width: 64em) {
  .page-bck { padding-top: 50px; }
}


/* #HOME
================================================== */
.home-text, .home-text > * { box-sizing: border-box; }
.home-text { padding-left: 15px; padding-right: 15px; clear: both; overflow: hidden; }
.slogan-home { padding-top: 10px; padding-bottom: 5px; }
.home-left { margin-bottom: 15px; }
.home-left h1 { font-family: 'din-medium', Helvetica, Arial, sans-serif; margin: 0; font-size: 19px; line-height: 23px; letter-spacing: -0.04em; }
.home-right p { font-family: 'din', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; margin: 0 0 20px 0; }
.home-right p:last-child { margin-bottom: 0; }

@media screen and (min-width: 35.5em) {
  .slogan-home { padding-bottom: 15px; }
  .home-left h1 { font-size: 21px; line-height: 26px; }
  .home-right p { font-size: 18px; line-height: 22px; }
}

@media screen and (min-width: 48em) {
  .slogan-home { padding-bottom: 10px; }
  .home-left { float: left; width: 33%; margin-bottom: 0; }
  .home-left h1 { font-size: 26px; line-height: 33px; }
  .home-right { float: left; width: 66%; padding-left: 20px; }
  .home-right p { font-size: 21px; line-height: 28px; margin: 0 0 25px 0; }
}

@media screen and (min-width: 64em) {
  .slogan-home { padding-bottom: 20px; }
  .home-text { padding-left: 60px; padding-right: 100px; }
  .home-left h1 { font-size: 30px; line-height: 40px; }
  .home-left h1 span { display: block; }
  .home-right { padding-left: 50px; }
  .home-right p { font-size: 24px; line-height: 30px; }
}

@media screen and (min-width: 75em) {
  .slogan-home { padding-bottom: 20px; margin-left: -8px; }
}


/* #HOME ECW
================================================== */
.ecw { box-sizing: border-box; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; overflow: hidden; }
.ecw .column { display: block; height: 120px; margin-bottom: 10px; position: relative; overflow: hidden; text-decoration: none; }
.ecw .column::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; }
.ecw .column.ecw-insaat::before { background-image: url("../img/ecw-home/insaat-img.jpg"); }
.ecw .column.ecw-muhendislik::before { background-image: url("../img/ecw-home/muhendislik-img.jpg"); }
.ecw .column.ecw-proje::before { background-image: url("../img/ecw-home/proje-img.jpg"); }
.ecw .column.ecw-geoteknik::before { background-image: url("../img/ecw-home/geoteknik-img.jpg"); }
.ecw .column.ecw-pazarlama::before { background-image: url("../img/ecw-home/pazarlama-img.jpg"); }
.ecw .column.ecw-gayrimenkul::before { background-image: url("../img/ecw-home/gayrimenkul-img.jpg"); }
.ecw .column.ecw-cevre::before { background-image: url("../img/ecw-home/cevre-img.jpg"); }
.ecw .column.ecw-cam::before { background-image: url("../img/ecw-home/cam-img.jpg"); }
.ecw .column .pos-r { position: relative; width: 100%; height: 100%; }
.ecw-logo { background: url('../img/ecw-home/logo-mask.svg') no-repeat; height: 70px; width: 300px; position: absolute; bottom: -20px; left: -55px; }
.ecw-logo img { margin-left: 65px; margin-top: 6px; height: 40px; }
.ecw-mask { background-repeat: no-repeat; width: 150px; height: 137px; position: absolute; right: -15px; bottom: -20px; }
.mask-construction { background-image: url('../img/ecw-home/insaat.png'); }
.mask-engineering { background-image: url('../img/ecw-home/muhendislik.png'); }
.mask-project { background-image: url('../img/ecw-home/proje.png'); }
.mask-geotechnical { background-image: url('../img/ecw-home/geoteknik.png'); }
.mask-marketing { background-image: url('../img/ecw-home/pazarlama.png'); }
.mask-property { background-image: url('../img/ecw-home/gayrimenkul.png'); }
.mask-environmental { background-image: url('../img/ecw-home/cevre.png'); }
.mask-glass { background-image: url('../img/ecw-home/cam.png'); }

@media screen and (min-width: 35.5em) {
  .ecw .column { width: 49%; margin-right: 2%; float: left;  }
  .ecw .column:nth-child(even) { margin-right: 0; }
}

@media screen and (min-width: 48em) {
  .ecw {}
  .ecw .column { height: 160px; }
  .ecw-logo { bottom: -15px; left: -55px; }
  .ecw-logo img { margin-left: 65px; margin-top: 0; height: 46px; }
  .ecw-mask { right: -15px; bottom: 0; }
}

@media screen and (min-width: 64em) {
  .ecw { display: flex; flex-flow: row wrap; margin-right: auto; margin-left: auto; height: 330px; max-width: 1200px; padding-left: 0; padding-right: 0; }
  .ecw .column { flex: 1 1 0px; min-width: initial; transition: all 0.4s ease; transition-delay: .1s; display: flex; overflow: hidden; align-items: center; justify-content: center; height: 330px; width: unset; margin: 0; }
  .ecw .column:hover { flex-basis: 37.5%; }
  .ecw .column::before { filter: grayscale(100%); transition: ease filter .3s; }
  .ecw .column:hover::before { -webkit-filter: grayscale(0.75); filter: grayscale(0.35); }
  .ecw-logo { bottom: 0; left: -300px; transition: ease all .4s; transition-delay: .1s; }
  .ecw-logo img { margin-left: 15px; margin-top: 3px; height: 61px; }
  .ecw-mask { right: 0; bottom: 0; height: 254px; transition: ease all .4s; transition-delay: .1s; }
  .ecw .column:hover .ecw-logo { left: 0; }
  .ecw .column:hover .ecw-mask { right: 0; bottom: -117px;  }
  .ecw .active { flex-basis: 37.5%; }
  .ecw .active::before { -webkit-filter: grayscale(0.75); filter: grayscale(0.35); }
  .ecw .active .ecw-logo { left: 0; }
  .ecw .active .ecw-mask { right: 0; bottom: -117px;  }
}


/* #CONTENT
================================================== */
.content-text, .content-text > * { box-sizing: border-box; }
.content-text { padding-left: 15px; padding-right: 15px; padding-top: 20px; clear: both; overflow: hidden; }
.content-left, .content-full { margin-bottom: 15px; }
.content-full { width: 100%; }
.content-left h3, .content-full h3 { font-family: 'din-medium', Helvetica, Arial, sans-serif; margin: 0; font-size: 19px; letter-spacing: -0.04em; }
.content-right p, .content-right ul, .fsz-16 p { font-family: 'din', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.25em; margin: 0 0 1em 0; }
.content-right p:last-child { margin-bottom: 0; }
.slogan-content { }

@media screen and (min-width: 35.5em) {
  .content-left h3, .content-full h3 { font-size: 21px; }
  .content-right p, .content-right ul { font-size: 17px; }
  .slogan-content { }
}

@media screen and (min-width: 48em) {
  .content-text { padding-top: 30px; }
  .content-left { float: left; width: 33%; margin-bottom: 0; }
  .content-left h3, .content-full h3 { font-size: 24px; }
  .content-right { float: left; width: 66%; padding-left: 20px; }
  .content-right p, .content-right ul, .fsz-16 p { font-size: 19px; }
  .slogan-content { }
}

@media screen and (min-width: 64em) {
  .content-text { padding-top: 35px; }
  .content-text { padding-left: 60px; padding-right: 100px; }
  .content-left h3, .content-full h3 { font-size: 28px; }
  .content-left h3 span, .content-full h3 span { display: block; }
  .content-right { padding-left: 50px; }
  .content-right p, .content-right ul, .fsz-16 p { font-size: 21px; }
  .slogan-content { }
}

@media screen and (min-width: 75em) {
  .content-text { padding-top: 40px; }
  .slogan-content { margin-left: -8px; }
}



/*--- SLIDING LOGOS ---*/
.sliding-logos { padding: 2.5em 0; background: url(../img/line.png) repeat-x 0px 38px; text-align: center; }
.sliding-logos h2 { text-align: center; display: inline-block; background: #FFFFFF; margin: 0px; padding: 0 15px; line-height: 1em; margin-bottom: 0.5em; font-family: 'eurostile', Verdana, sans-serif; font-size: 1em; color: #898989; }

@media screen and (min-width: 35.5em) {
  .sliding-logos h2 { font-size: 1.25em; }
}

@media screen and (min-width: 48em) {
  .sliding-logos h2 { font-size: 1.5em; }
}


/*--- SERVICES BOX ---*/
.services-box { background: #F7F7F7; padding-bottom: 0.5em; text-align: center; }
.services-head { background: url(../img/serit.png) no-repeat center center; color: #FFFFFF; font-size: 1.313em; height: 2em; line-height: 2em; font-family: 'eurostile', Verdana, sans-serif; }
.services-box hr { border:0; border-top:1px solid #BFBFBF; border-bottom: 1px solid #FFFFFF; width: 60%; }
.services-box p { margin: 0em 1em 0.625em 1em; font-size: 1em; }
.services-box p.services-title { margin: 0.556em 0.889em 0em 0.889em; font-size:1.125em; font-family: 'din-medium', Helvetica, Arial, sans-serif; }
.services-box .cert-container { overflow: hidden; display: inline-block; text-align: center; padding: 10px; }
.services-box .cert-container a.cert { display: inline-block; width: 25%; padding: 0 10px; }
.services-box .cert-container a.cert:hover { opacity: .7; }


.services-box .new-cert-cont { padding-bottom: 0; }

.services-box .new-cert-cont a.cert { width: 20%; padding: 0; padding-bottom: 10px; padding-right: 10px; }

@media screen and (min-width: 48em) {
  .services-box { background: #F6F6F6; text-align: left; overflow: hidden; border-radius: 3px; overflow: hidden; }
  .services-head { background: url(../img/yan-serit.png) top right no-repeat; color: #FFFFFF; font-size: 1.313em; height: 1.905em; line-height: 2em; font-family: 'eurostile', Verdana, sans-serif; text-indent: 0.762em; overflow: hidden; white-space: nowrap; background-color: #d42826; }
  .services-box hr { display: none; }
  .services-box p.services-title { font-size:1em; }
  .services-box .cert-container a.cert { width: 45%; padding: 0 10px 10px 0; display: block; float: left; }
  .services-box .cert-container a.cert:last-child { padding-bottom: 0; }


  .services-box .new-cert-cont a.cert { width: 14%; padding-bottom: 15px; padding-right: 15px; }
  .services-box .new-cert-cont a.cert:nth-child(6) { padding-right: 0; }
  .services-box .new-cert-cont a.cert:last-child { padding-right: 0; }
}

@media screen and (min-width: 64em) {
  .services-box p.services-title { font-size:1.125em;  }
  .new-cert-cont {}
  .services-box .new-cert-cont a.cert { width: 10%; padding-right: 10px; padding-bottom: 10px; }
  .services-box .new-cert-cont a.cert:nth-child(6) { padding-right: 10px; }
  .services-box .new-cert-cont a.cert:nth-child(9) { padding-right: 0; }
}


/*--- PAGE-IN RIBBON ---*/
.ribbon { background: url(../img/ic-serit.svg) top right no-repeat; color: #FFFFFF; font-size: 1.313em; height: 1.905em; margin: .75em 0; margin-top: 1em; line-height: 2em; font-family: 'eurostile', Verdana, sans-serif; text-indent: 0.762em; overflow: hidden; white-space: nowrap; }


/*--- SERIT BASLIK ---*/
div.serit {  color: #FFFFFF; font-size: 1.313em; text-align: center; font-family: 'eurostile', Verdana, sans-serif; position: absolute; top:0; width: 100%; letter-spacing: normal; background: url(../img/serit.svg) no-repeat center center; background-size: auto 100%; height: 55px; line-height: 55px; }
div.relative { position: relative; }


/*--- WORKS CONTENT AREA ---*/
.thumbs { position:relative; padding: 50px 0 0 0; overflow: hidden; width: 100%; margin-top: 10px;  }

.works-box { position: relative; z-index: 0; white-space: nowrap; overflow: hidden; /*width: 50%; float: left;*/ padding: 14px 7px 0 7px; box-sizing: border-box; }
.works-box a { text-decoration: none; color: #FFFFFF; text-shadow: 1px 1px 0px rgba(0,0,0,0.50); font-family: 'din-medium', Helvetica, Arial, sans-serif; font-size: 1px; }
.works-box a:hover { text-shadow: none; }
.works-box a img { filter: grayscale(50%); transition: ease filter .3s; }
.works-box a p { background: url(../img/ref-title.png) no-repeat; background-position: -800px 0; margin: 0; position: absolute; font-size: 16em; bottom: 0; line-height: 2em; width: 100%; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; z-index: 10; line-height: 1.1; padding: .5em; padding-right: 0; }
.works-box a:hover p { background-position: right top; }
.works-box a .mini-shadow { background: url(../img/mini-shadow.png) no-repeat bottom left; background-position: 0 bottom; background-size: 100% 40%; position: absolute; z-index: 1; height: 100%; width: 100%; bottom: 0; -o-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }
.works-box a:hover .mini-shadow { background-position: 0 300px; }
.works-box a:hover img { filter: grayscale(0%); transition: ease filter .3s; }
.null-link { cursor: default; }


@media screen and (min-width: 35.5em) {
  .works-box a p { font-size: 18em; }
}

@media screen and (min-width: 48em) {
  .works-box a p { font-size: 16em; }
}

@media screen and (min-width: 64em) {
  .works-box a p { font-size: 18em; }
}


/*--- REF CONTENT AREA ---*/
.ref-area { background: #F7F7F7; position:relative; padding: 55px 0 10px 0; width: 100%; }
.small-ref {  color: #292929; text-align: center; white-space: nowrap; padding: 1em 0;  }
.small-ref h6 { color: #4D4D4D; font-size: 0.875em; margin: 0; font-family: 'din', Helvetica, Arial, sans-serif; }
.small-ref h4 { margin: 0; font-family: 'din-medium', Helvetica, Arial, sans-serif; font-size: 1.063em; }
.small-ref p { margin: 0; font-size: 1em; font-family: 'din', Helvetica, Arial, sans-serif; }

/*--- MARKETING & NANOFIX BUTTONS ---*/
.thumbs-white { background: #FFFFFF; padding: 56px 0 0 0;   }
.thumbs-white .right-padding { margin: 0; }
.thumbs-white a { position: relative; display: block; overflow: hidden; margin: 0 0 5px 0; border-radius: 3px; }
.thumbs-white a .btn-logo { position: absolute; bottom: 0.652em; left: 1em; max-width: 280px; }
.thumbs-white a .btn-logo-hover { position: absolute; bottom: 0.652em; left: 1em; max-width: 280px; opacity: 0; -o-transition: all 0.4s ease-in; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }

.thumbs-white a:hover .btn-logo-hover { opacity: 1; }
.thumbs-white a .btn-mask { position: absolute; top: 0; left: -50px; }
.thumbs-white a .btn-mask-red { position: absolute; top: 0; left: -700px; -o-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; }
.thumbs-white a:hover .btn-mask-red { left: 0px; }
.thumbs-white a p { color: #D42926; text-decoration: none; position: absolute; bottom: 6px; z-index: 10; margin: 0; padding: 0; font-family: 'eurostile', Verdana, sans-serif; font-size: 24px; line-height: 28px; left: 20px; -o-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -moz-transition: all 0.25s ease-in; transition: all 0.25s ease-in; }
.thumbs-white a:hover p { color: #FFFFFF; }

@media screen and (min-width: 35.5em) {
  .thumbs-white { padding: 58px 0 0 0;  }
  .thumbs-white .right-padding { margin-right: 3px; }
  .thumbs-white a { margin: 0 0 5px 5px; }
  .thumbs-white a .btn-logo, .thumbs-white a .btn-logo-hover { max-width: 250px;  }
  .thumbs-white a .btn-mask { left: -20%; }
  .thumbs-white a p { bottom: 0px; font-size: 18px; line-height: 24px; left: 10px;  }
}

@media screen and (min-width: 48em) {
  .thumbs-white a .btn-logo, .thumbs-white a .btn-logo-hover { max-width: 322px;  }
  .thumbs-white a .btn-mask { left: -50px; }
  .thumbs-white a p { bottom: 6px; font-size: 24px; line-height: 28px; left: 20px;  }
}

@media screen and (min-width: 64em) {
  .thumbs-white { padding: 70px 0 0 0; }
  .thumbs-white .right-padding { margin-right: 20px; }
  .thumbs-white a { margin: 0 10px 20px 10px; }
  .thumbs-white a .btn-logo, .thumbs-white a .btn-logo-hover { max-width: 382px;  }
  .thumbs-white a .btn-mask { left: -30px; }
}


/* #CONTENT ECW
================================================== */
.c-ecw { box-sizing: border-box; background-size: cover; background-repeat: no-repeat; background-position: center; overflow: hidden; margin: 0 auto; height: 260px; max-width: 1200px; padding: 0; }
.c-ecw.ecw-insaat { background-image: url("../img/ecw-home/insaat-img.jpg"); }
.c-ecw.ecw-muhendislik { background-image: url("../img/ecw-home/muhendislik-img.jpg"); }
.c-ecw.ecw-proje { background-image: url("../img/ecw-home/proje-img.jpg"); }
.c-ecw.ecw-geoteknik { background-image: url("../img/ecw-home/geoteknik-img.jpg"); }
.c-ecw.ecw-pazarlama { background-image: url("../img/ecw-home/pazarlama-img.jpg"); }
.c-ecw.ecw-gayrimenkul { background-image: url("../img/ecw-home/gayrimenkul-img.jpg"); }
.c-ecw.ecw-cevre { background-image: url("../img/ecw-home/cevre-img.jpg"); }
.c-ecw.ecw-cam { background-image: url("../img/ecw-home/cam-img.jpg"); }

.c-ecw.ecw-nanomix { background-image: url("../img/ecw-home/nanomix-img.jpg"); }
.c-ecw.ecw-nanofix { background-image: url("../img/ecw-home/nanofix-img.jpg"); }
.c-ecw.ecw-nanofloor { background-image: url("../img/ecw-home/nanofloor-img.jpg"); }
.c-ecw.ecw-scs { background-image: url("../img/ecw-home/scs-img.jpg"); }

.c-ecw .ecw-logo { background-position: bottom; background-size: 100% auto; height: 60px; width: 240px; bottom: 0; left: 0; }
.c-ecw .ecw-logo img { height: 40px; margin: 10px; margin-right: 0; }
.c-ecw .ecw-logo .product { height: 30px; margin-top: 20px; }
.c-ecw .ecw-mask { bottom: -20px; }

@media screen and (min-width: 35.5em) {
  .c-ecw { height: 300px; }
  .c-ecw .ecw-logo { height: 70px; width: 300px; }
  .c-ecw .ecw-logo img { height: 50px; margin: 10px; margin-right: 0; }
  .c-ecw .ecw-logo .product { height: 35px; margin-top: 25px; }
}

@media screen and (min-width: 48em) {
  .c-ecw { height: 340px; }
  .c-ecw .ecw-logo { height: 90px; width: 400px; }
  .c-ecw .ecw-logo img { height: 60px; margin: 15px; }
  .c-ecw .ecw-logo .product { height: 40px; margin-top: 30px; }
  .c-ecw .ecw-mask { bottom: -10px; }
}

@media screen and (min-width: 64em) {
  .c-ecw { height: 380px; }
  .c-ecw .ecw-logo { height: 100px; width: 450px; }
  .c-ecw .ecw-logo img { height: 80px; margin: 10px 15px; }
  .c-ecw .ecw-logo .product { height: 40px; margin-top: 35px; }
  .c-ecw .ecw-mask { bottom: -117px; }
}


.d-ecw { box-sizing: border-box; overflow: hidden; margin: 0 auto; height: 260px; max-width: 1200px; padding: 0;
  opacity: 0;
  animation-name: d-ecw;
  animation-duration: 1s;
  animation-delay: .5s;
  animation-fill-mode: forwards;
  -webkit-animation-name: d-ecw;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: .5s;
  -webkit-animation-fill-mode: forwards;
}

@keyframes d-ecw {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.d-ecw .logo-box { position: absolute; top: 0; bottom: 0; width: 180px; background: #e31c1a; display: flex; align-items: center; justify-content: center; }

@keyframes logo-box {
  0%   { bottom: 0px; }
  100% { bottom: 60px; }
}

.d-ecw .logo-box {
  bottom: 0;
  animation-name: logo-box;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  -webkit-animation-name: logo-box;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
}

.d-ecw .logo-box img { width: 130px; }

@keyframes logo-box-img {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.d-ecw .logo-box img {
  opacity: 0;
  animation-name: logo-box-img;
  animation-duration: 1s;
  animation-delay: 1.5s;
  animation-fill-mode: forwards;
  -webkit-animation-name: logo-box-img;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-fill-mode: forwards;
}

.d-ecw .img-box { position: absolute; left: 180px; bottom: 0; top: 0; background-size: cover; right: 0; background-position: center; bottom: -80px; }

@keyframes img-box {
  0%   { transform: translateY(-80px); }
  100% { transform: translateY(-20px); }
}

.d-ecw .img-box {
  transform: translateY(-80px);
  animation-name: img-box;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  -webkit-animation-name: img-box;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
}

.d-ecw .mask-box { background: url(../img/d-ecw/d-ecw-mask.svg) no-repeat; position: absolute; left: 0; bottom: 0; width: 240px; height: 60px; background-position: right; background-size: auto 100%; }

@keyframes mask-box {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(0%); }
}

.d-ecw .mask-box {
  transform: translateX(-100%);
  animation-name: mask-box;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  -webkit-animation-name: mask-box;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
}

.d-ecw .cat-logo { position: absolute; bottom: 5px; left: 15px; height: 50px; }

@keyframes cat-logo {
  0%   { transform: translateX(-100%); }
  100% { transform: translateX(0%); }
}

.d-ecw .cat-logo {
  transform: translateX(-100%);
  animation-name: cat-logo;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  -webkit-animation-name: cat-logo;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
}

.d-ecw .ecw-mask { bottom: 0; height: 254px; }

@keyframes ecw-mask {
  0%   { transform: translateY(0); }
  100% { transform: translateY(127px); }
}

.d-ecw .ecw-mask {
  animation-name: ecw-mask;
  animation-duration: 2.5s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  -webkit-animation-name: ecw-mask;
  -webkit-animation-duration: 2.5s;
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
}

.d-ecw .product { height: 30px; bottom: 10px; }
.d-ecw .insaat { background-image: url("../img/d-ecw/insaat.jpg"); }
.d-ecw .muhendislik { background-image: url("../img/ecw-home/muhendislik-img.jpg"); }
.d-ecw .proje { background-image: url("../img/d-ecw/proje.jpg"); }
.d-ecw .geoteknik { background-image: url("../img/ecw-home/geoteknik-img.jpg"); }
.d-ecw .pazarlama { background-image: url("../img/ecw-home/pazarlama-img.jpg"); }
.d-ecw .gayrimenkul { background-image: url("../img/ecw-home/gayrimenkul-img.jpg"); }
.d-ecw .cevre { background-image: url("../img/d-ecw/cevre.jpg"); }
.d-ecw .cam { background-image: url("../img/ecw-home/cam-img.jpg"); }
.d-ecw .nanomix { background-image: url("../img/ecw-home/nanomix-img.jpg"); }
.d-ecw .nanofix { background-image: url("../img/ecw-home/nanofix-img.jpg"); }
.d-ecw .nanofloor { background-image: url("../img/ecw-home/nanofloor-img.jpg"); }
.d-ecw .scs { background-image: url("../img/ecw-home/scs-img.jpg"); }
.d-ecw .iletisim { background-image: url("../img/contact_header.jpg"); }


.d-ecw .img-box.insaat { background-position: top; bottom: -200px; }

@keyframes img-box-insaat {
  0%   { transform: translateY(-200px); }
  100% { transform: translateY(0px); }
}

.d-ecw .img-box.insaat {
  transform: translateY(-200px);
  animation-name: img-box-insaat;
  animation-duration: 2s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  -webkit-animation-name: img-box-insaat;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
}


.d-ecw .img-box.iletisim, .d-ecw .img-box.proje { background-position: top; bottom: -140px; }

@keyframes img-box-iletisim {
  0%   { transform: translateY(-140px); }
  100% { transform: translateY(0px); }
}

.d-ecw .img-box.iletisim, .d-ecw .img-box.proje {
  transform: translateY(-140px);
  animation-name: img-box-iletisim;
  animation-duration: 2s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  -webkit-animation-name: img-box-iletisim;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
}


.d-ecw .img-box.cevre { background-position: top; bottom: -140px; }

@keyframes img-box-cevre {
  0%   { transform: translateY(-140px); }
  100% { transform: translateY(-20px); }
}

.d-ecw .img-box.cevre {
  transform: translateY(-140px);
  animation-name: img-box-cevre;
  animation-duration: 2s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  -webkit-animation-name: img-box-cevre;
  -webkit-animation-duration: 2s;
  -webkit-animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
}



@media screen and (min-width: 35.5em) {
  .d-ecw { height: 300px; }
  .d-ecw .logo-box { /*bottom: 70px;*/ width: 210px; }
  .d-ecw .logo-box img { width: 140px; }
  .d-ecw .img-box { left: 210px; }
  .d-ecw .mask-box { width: 280px; height: 70px; }
  .d-ecw .cat-logo { height: 55px; }
  .d-ecw .product { height: 35px; bottom: 10px; }

  @keyframes logo-box {
    0%   { bottom: 0px; }
    100% { bottom: 70px; }
  }
}

@media screen and (min-width: 48em) {
  .d-ecw { height: 340px; }
  .d-ecw .logo-box { /*bottom: 85px;*/ width: 250px; }
  .d-ecw .logo-box img { width: 180px; }
  .d-ecw .img-box { left: 250px; }
  .d-ecw .mask-box { width: 335px; height: 85px; }
  .d-ecw .cat-logo { height: 65px; bottom: 10px; left: 15px; }
  .d-ecw .product { height: 40px; bottom: 15px; }

  @keyframes logo-box {
    0%   { bottom: 0px; }
    100% { bottom: 85px; }
  }

}

@media screen and (min-width: 64em) {
  .d-ecw { height: 380px; }
  .d-ecw .logo-box { /*bottom: 100px;*/ width: 300px; }
  .d-ecw .logo-box img { width: 180px; }
  .d-ecw .img-box { left: 300px; }
  .d-ecw .mask-box { width: 400px; height: 100px; }
  .d-ecw .cat-logo { height: 80px; left: 60px;}
  .d-ecw .product { height: 40px; bottom: 25px; }
  .d-ecw .ecw-mask { bottom: 0; }

  @keyframes logo-box {
    0%   { bottom: 0px; }
    100% { bottom: 100px; }
  }

  @keyframes ecw-mask {
    0%   { transform: translateY(0); }
    100% { transform: translateY(117px); }
  }

  .d-ecw .img-box { bottom: -100px; transform: translateY(-100px); }

  @keyframes img-box {
    0%   { transform: translateY(-100px); }
    100% { transform: translateY(-20px); }
  }


  .d-ecw .img-box.iletisim, .d-ecw .img-box.proje { bottom: -200px; transform: translateY(-200px); }

  @keyframes img-box-iletisim {
    0%   { transform: translateY(-200px); }
    100% { transform: translateY(0px); }
  }

  .d-ecw .img-box.cevre { bottom: -200px; transform: translateY(-200px); }

  @keyframes img-box-cevre {
    0%   { transform: translateY(-200px); }
    100% { transform: translateY(-50px); }
  }


  .d-ecw .img-box.insaat { bottom: -240px; transform: translateY(-240px); }

  @keyframes img-box-insaat {
    0%   { transform: translateY(-240px); }
    100% { transform: translateY(0px); }
  }


}


/* #SIDE MENU
================================================== */
.content-container { position: relative; z-index: 0; margin: 0 auto; overflow: hidden; transition: all 300ms ease-in-out; }
.slideout-sidebar { position: fixed; top: 0; right: -280px; z-index: 0; width: 240px; height: 100%; padding: 20px; background-color: rgba(0,0,0,.8); transition: all 300ms ease-in-out; }
.slideout-sidebar ul { list-style: none; margin: 0; padding: 0; }
.slideout-sidebar ul li { cursor: pointer; padding: 0 0 10px 0; }
.slideout-sidebar ul li a img { transition: ease opacity .3s; }
.slideout-sidebar ul li a:hover img { opacity: .5; }

#menu-toggle { display: none; }
#menu-toggle:checked ~ .slideout-sidebar { right: 0px; }

.close-icon { position: absolute; right: 10px; top: 10px; width: 24px; cursor: pointer; transition: ease opacity .3s; }
.close-icon:hover { opacity: .5; }

@media (max-width: 767px) {
  .slideout-sidebar { padding: 0; }
  .slideout-sidebar ul { text-align: center; max-width: 280px; margin: 20px auto 0; }
  #menu-toggle:checked ~ .slideout-sidebar { width: 100%; }

  @media screen and (max-width: 736px) and (orientation: landscape) {
    .slideout-sidebar { padding: 0; }
    .slideout-sidebar ul { max-width: 100%; margin: 20px auto 0; }
    .slideout-sidebar ul li { display: inline-block; border-bottom: 0; width: 40%; padding: 10px 0; margin: 0 6px 6px; padding: 0; }
  }
}


/* #HEADER
================================================== */
.site-band { height: 10px; /*width: 100%;*/ background-color: #e61802; height: 30px; }
header, header > * { box-sizing: border-box; }

header { margin-top: -30px!important; }
.header-logo-bck { background: url('../img/header-bant.svg') no-repeat right; height: 70px; width: 270px; display: flex; align-items: center; background-position: right; }
.header-logo { display: block; /*margin-left: 15px;*/ }
.header-logo:hover { opacity: .7; }
.header-logo img { height: 36px; margin-left: 15px; }

.page-title { display: flex; align-items: flex-end; padding: 0 15px; padding-bottom: 0; z-index: 2; position: relative; height: 100%; }
.page-title p { font-size: 15px; line-height: 18px; margin-bottom: -4px; }

.comm-btn { height: 30px; display: flex; justify-content: flex-end; /*padding-right: 10px;*/ z-index: 3; position: relative; }
.comm-btn div, .comm-btn a { height: 30px; display: flex; justify-content: flex-end; cursor: pointer; transition: ease all .3s; margin-right: 10px; }
.comm-btn div.menu-icon { }
.comm-btn div:hover, .comm-btn a:hover { opacity: .7; }

.filigran { padding-left: 15px; }

@media screen and (min-width: 35.5em) {
  .header-logo-bck { height: 80px; width: 270px; }
  .header-logo img { height: 40px; }
  .page-title p { font-size: 16px; line-height: 20px; margin-bottom: -4px; }
}

@media screen and (min-width: 48em) {
  .header-logo-bck { height: 100px; width: 300px; }
  .header-logo {  }
  .header-logo img { height: 44px; }
  .page-title p { line-height: 21px; margin-bottom: -5px; }
}

@media screen and (min-width: 64em){
  .page-title p { font-size: 17px; line-height: 22px; margin-bottom: -5px; }
}

@media screen and (min-width: 75em) {
  .filigran { padding-left: 0; }
  .pure-u-xl-6-24 { width: 25%; }
  .pure-u-xl-18-24 { width: 75%; }

  header { height: 150px;  }
  .header-logo-bck { height: 150px; width: 330px; }
  .header-logo { }
  .header-logo img { margin-left: 20px; height: 48px; }
  .page-title { display: flex; align-items: flex-end; height: 150px; padding: 0; height: 100%; }
  .page-title p { font-size: 21px; line-height: 28px; margin-bottom: -8px; padding-right: 35px; }
  /*.page-title p span { display: block; }*/
  .comm-btn { padding-right: 0; }
  .comm-btn div.menu-icon { margin-right: 30px; }
}



/* #FOOTER
================================================== */
.mini-footer, .mini-footer > * { box-sizing: border-box; }
.mini-footer { background-color: #FFF; display: flex; justify-content: space-between; align-items: center; padding: 15px; padding-bottom: 5px;  }
.copyright { font-family: 'din-bold', Helvetica, Arial, sans-serif; font-size: 11px; color: #9a9a9a; line-height: 1; }
.ikinciadres { opacity: 1; display: block; }
.ikinciadres img { height: 15px; }
.ikinciadres:hover { opacity: .7; }

@media screen and (min-width: 75em) {
  .copyright { padding-left: 10px; }
  .ikinciadres { padding-right: 10px;}
}

/*
footer { background-color: #9e1412; background-image: url('../img/footer-icons.png'); background-repeat: no-repeat; background-position: center; overflow: hidden; height: 250px; }
footer .logo { background-color: #e31d1a; display: flex; justify-content: center; align-items: center; height: 60px; width: 50%; float: left; }
footer .logo a { padding: 15px; }
footer .logo a:hover { opacity: .7; }
footer .logo a img { height: 40px; }
footer .communication { height: 60px; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d;transform-style: preserve-3d; width: 50%; left: 50%; }
footer .communication a { background-color: #8d0202; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 10px; }
footer .communication a img { margin: 0 auto; position: relative; top: 50%; transform: translateY(-50%); height: 30px; }
footer .communication a:hover { background-color: #5d0101; }
footer .root-menu { font-family: 'eurostile', Verdana, sans-serif; font-size: 14px; background: url('../img/footer-ok.png') no-repeat; background-position: 2px center; background-size: 17px 21px; height: 60px; line-height: 60px; text-indent: 25px; }
footer .root-menu a { color: #9a9a9a; text-decoration: none; font-weight: bold; }
footer .root-menu a.active, footer .root-menu a:hover { color: #FFF; }
footer .firm-menu { font-family: 'din-medium', Helvetica, Arial, sans-serif; position: relative; z-index: 1; margin-top: 15px; padding-left: 15px;  }
footer .firm-menu .first { float: left; width: 50%; }
footer .firm-menu .second { float: left; width: 50%; }
footer .firm-menu a { color: #9a9a9a; text-decoration: none; font-size: 16px; line-height: 1.5; }
footer .firm-menu a:hover { opacity: 1; color: #FFF; }
footer .copyright { font-family: 'din-bold', Helvetica, Arial, sans-serif; position: absolute; bottom: 5px; font-size: 11px; color: #9a9a9a; padding-left: 10px; }
footer .slogan { pointer-events: none; color: #9c4a48; position: absolute; bottom: 28px; white-space: nowrap; font-size: 44px; line-height: 1; letter-spacing: -3px; text-shadow: 0 4px 25px rgba(0,0,0,.15); z-index: 0; width: 100%; }
footer .slogan span { color: #ba1815;  }
footer .ikinciadres { position: absolute; bottom: 5px; right: 10px; opacity: .2; width: 50px; }
footer .ikinciadres:hover { opacity: 1; }

@media screen and (min-width: 35.5em) {
  footer { height: 260px; }
  footer .logo a img { height: 44px; }
  footer .communication a img { height: 40px; }
  footer .root-menu { font-size: 15px; height: 42px; margin-top: 8px; line-height: 42px; text-indent: 35px; background-size: 25px 31px; }
  footer .slogan { bottom: 20px; font-size: 56px; letter-spacing: -4px; }
}

@media screen and (min-width: 48em) {
  footer { background-position: 100% 25%; height: 200px; }
  footer .logo { height: 120px; float: none; width: auto; }
  footer .logo a img { height: auto; }
  footer .communication { height: 80px; width: auto; left: auto; }
  footer .communication a img { height: auto; }
  footer .root-menu { margin-top: 20px; font-size: 16px; text-indent: 40px; background-size: 34px 42px; }
  footer .firm-menu { margin-top: 30px; padding-left: 0; }
  footer .firm-menu .first { padding-right: 60px; width: auto; }
  footer .firm-menu .second { width: auto; }
  footer .firm-menu a { font-size: 17px; line-height: 1; }
  footer .copyright { bottom: 10px; left: 16.6667%; }
  footer .slogan { bottom: -6px; left: 33.3334%; font-size: 68px; letter-spacing: -7px; width: auto; }
  footer .ikinciadres { right: 5px; }
}

@media screen and (min-width: 64em) {
  footer { height: 240px; }
  footer .logo { height: 140px; }
  footer .logo a { padding: 0; }
  footer .communication { height: 100px; }
  footer .communication a { padding: 0; }
  footer .root-menu { margin-top: 30px; }
  footer .firm-menu { margin-top: 40px; }
  footer .firm-menu a { font-size: 18px; }
  footer .copyright { font-size: 12px; left: 25%; }
  footer .slogan { bottom: -9px; left: 41.6667%; font-size: 90px; }
  footer .ikinciadres { width: 76px; }
}
*/


/* #Font-Face
================================================== */
@font-face {
  font-family: 'eurostile';
  src: url(../fonts/eurostile/eurostileextended.eot);
  src: url(../fonts/eurostile/eurostileextended.eot?iefix) format('embedded-opentype'),
      url(../fonts/eurostile/eurostileextended.svg#EurostileExtended-Roman) format('svg'),
      url(../fonts/eurostile/eurostileextended.woff) format('woff'),
      url(../fonts/eurostile/eurostileextended.ttf) format('truetype');
}

@font-face {
  font-family: 'din';
  src: url(../fonts/din/regular/dintr-webfont.eot);
  src: url(../fonts/din/regular/dintr-webfont.eot?iefix) format('embedded-opentype'),
      url(../fonts/din/regular/dintr-webfont.svg#DINTrRegular) format('svg'),
      url(../fonts/din/regular/dintr-webfont.woff) format('woff'),
      url(../fonts/din/regular/dintr-webfont.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'din-bold';
  src: url(../fonts/din/bold/dintboldtr-webfont.eot);
  src: url(../fonts/din/bold/dintboldtr-webfont.eot?iefix) format('embedded-opentype'),
      url(../fonts/din/bold/dintboldtr-webfont.svg#dintboldtrwebfont) format('svg'),
      url(../fonts/din/bold/dintboldtr-webfont.woff) format('woff'),
      url(../fonts/din/bold/dintboldtr-webfont.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'din-medium';
  src: url(../fonts/din/medium/dinmediumtr-webfont.eot);
  src: url(../fonts/din/medium/dinmediumtr-webfont.eot?iefix) format('embedded-opentype'),
      url(../fonts/din/medium/dinmediumtr-webfont.svg#DINTrMedium) format('svg'),
      url(../fonts/din/medium/dinmediumtr-webfont.woff) format('woff'),
      url(../fonts/din/medium/dinmediumtr-webfont.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'din-light';
  src: url(../fonts/din/light/dinrlighttr-webfont.eot);
  src: url(../fonts/din/light/dinrlighttr-webfont.eot?iefix) format('embedded-opentype'),
      url(../fonts/din/light/dinrlighttr-webfont.svg#dintlighttrwebfont) format('svg'),
      url(../fonts/din/light/dinrlighttr-webfont.woff) format('woff'),
      url(../fonts/din/light/dinrlighttr-webfont.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}