*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,html{height:100%;width:100%}
html,html a{-webkit-font-smoothing:antialiased}
@font-face{font-family:'Proxima';src:url(../fonts/Proxima.otf)}
@font-face{font-family:'ProximaLight';src:url(../fonts/ProximaLight.otf)}
@font-face{font-family:'ProximaSemibold';src:url(../fonts/ProximaSemibold.otf)}
@font-face{font-family:'ProximaThin';src:url(../fonts/ProximaThin.otf)}
body{color:#fff;margin:auto!important;overflow-x:hidden!important;font-family:'Proxima',sans-serif;background: #293948;}
ul,li{margin:0;padding:0;list-style:none;}
a {color: inherit;text-decoration: none;}
@font-face {font-family: 'fontello';src: url('../fonts/fontello.eot?36598887');src: url('../fonts/fontello.eot?36598887#iefix') format('embedded-opentype'),url('../fonts/fontello.woff?36598887') format('woff'),url('../fonts/fontello.ttf?36598887') format('truetype'),url('../fonts/fontello.svg?36598887#fontello') format('svg');font-weight: normal;font-style: normal;}

.mencik_banner {float: left;width: 100%;background: url(../images/mencik_banner.jpg) no-repeat;height: 100vh;background-size: cover;background-attachment: fixed;background-position: top center;}
.header {position: absolute;left: 0;right: 0;top: 0;}
.top {float: left;width: 100%;padding: 35px 85px;}
.top .logo {float: left;width: 200px;}
.top .logo img {float: left;width: 100%;}
.top .ikon {float: right;width: 55px;}
.top .ikon img {float: right;width: 100%;}

.menu {float: left;width: 100%;padding: 20px 85px;background: rgba(37, 58, 77, 0.6);}
.menu ul {float: left;}
.menu ul li {float: left;margin: 0 35px 0 0;}
.menu ul li a {float: left;font-size: 18px;line-height: 30px;position: relative;}
.menu ul li a:before {content: "";bottom: 0;left: 0;width: 0;position: absolute;height: 2px;background: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.menu ul li a:hover:before {width: 50%}
.sticky {position: fixed !important;top: 0;left: 0;right: 0;z-index: 999;}
.menu > a {float: right;display: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;width: 33px;}
.menu > a img {float: left;width: 100%;}
.sticky > a {display: block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}

.mouse-icon {width: 30px;height: 50px;border-radius: 16px;text-align: center;border: 3px solid #fff;}
.scroll-hint {position: absolute;bottom: 10px;left: 50%;margin-left: -18px;padding: 10px 10px 36px 10px;}
.mouse-icon:before {position: absolute;bottom: 15px;left: 25px;content: "";height: 3px;width: 15px;background-color: #ffffff;transform: rotate(-45deg);transform-origin: 1px 50%;transition: all 0.16s ease-out;-webkit-transition: all 0.16s ease-out;-moz-transition: all 0.16s ease-out;-transition: all 0.16s ease-out;}
.mouse-icon:after {position: absolute;bottom: 15px;left: 25px;content: "";height: 3px;width: 15px;background-color: #ffffff;transform: rotate(-135deg);transform-origin: 1px 50%;transition: all 0.16s ease-out;-webkit-transition: all 0.16s ease-out;-moz-transition: all 0.16s ease-out;-o-transition: all 0.16s ease-out;}
.mouse-wheel {position: relative;display: inline-block;height: 6px;width: 6px;border-radius: 10px;background-color: #ffffff;top: -7px;animation: fade-mouse-wheel 1.5s infinite;animation-timing-function: ease-in-out;}
@keyframes fade-mouse-wheel {
    0% { transform: translate(0%, 0%); opacity: 0; }
    20% { transform: translate(0%, 0%); opacity: 1; }
    25% { transform: translate(0%, 0%); opacity: 1; }
    75% { transform: translate(0%, 300%); opacity: 1; }
    95% { transform: translate(0%, 300%); opacity: 0; }
    100% { transform: translate(0%, 300%); opacity: 0; }
}

.mencik {float: left;width: 100%;padding:0 85px;position: relative;margin: 150px 0;}
.mencik p {float: left;width: 100%;margin: 0;text-align: center;font-size: 26px;line-height: 40px;}

.works {float: left;width: 100%;padding: 0 85px;}
.ugurportal {float: right;width: 65%;position: relative;margin: 0 0 150px 0;overflow: hidden;}
.ugurportal:before {content: '';}
.ugurportal > img {float: left;width: 100%;}
.ugurportal > strong {float: left;font-size: 20px;line-height: 20px;font-family: 'ProximaLight';font-weight: normal;position: absolute;bottom: 0;left: 0;z-index: 1;padding: 20px 40px;background: #293948;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.ugurportalic {position: absolute;left: 0;right: 0;bottom: -100%;height: 100%;text-align: center;display: flex;justify-content:center;align-items: center;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background: rgba(41, 57, 72, 0.5);}
.ugurportal:hover .ugurportalic {bottom: 0;}
.ugurportal:hover strong {opacity: 0 !important;}
.ugurportalic div {float: left;width: 100%;}
.ugurportalic h1{float: left;margin: 0 0 20px 0;width: 100%;font-size: 25px;line-height: 25px;font-family: 'ProximaSemibold';letter-spacing: 10px;}
.ugurportalic span {float: left;width: 100%;font-size: 23px;line-height: 23px;font-family: 'ProximaLight';margin: 0 0 10px 0;}
.ugurportalic p {float: left;font-family: 'ProximaThin';width: 100%;font-size: 23px;margin: 0 0 20px 0;line-height: 23px;}
.ugurportalic img {display: inline-block;width: 30px;}

.noviainovaktif {float: right;width: 45%;position: relative;margin: 150px 0 150px 10%;overflow: hidden;}
.noviainovaktif:before {content: '';}
.noviainovaktif > img {float: left;width: 100%;}
.noviainovaktif > strong {float: left;font-size: 20px;line-height: 20px;font-family: 'ProximaLight';font-weight: normal;position: absolute;bottom: 0;left: 0;z-index: 1;padding: 20px 40px;background: #293948;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.noviainovaktific {position: absolute;left: 0;right: 0;bottom: -100%;height: 100%;text-align: center;display: flex;justify-content:center;align-items: center;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background: rgba(41, 57, 72, 0.5);}
.noviainovaktif:hover .noviainovaktific {bottom: 0;}
.noviainovaktif:hover strong {opacity: 0 !important;}
.noviainovaktific div {float: left;width: 100%;}
.noviainovaktific h1{float: left;margin: 0 0 20px 0;width: 100%;font-size: 25px;line-height: 25px;font-family: 'ProximaSemibold';letter-spacing: 10px;}
.noviainovaktific span {float: left;width: 100%;font-size: 25px;line-height: 25px;font-family: 'ProximaLight';margin: 0 0 10px 0;}
.noviainovaktific p {float: left;font-family: 'ProximaThin';width: 100%;font-size: 23px;margin: 0 0 20px 0;line-height: 23px;}
.noviainovaktific img {display: inline-block;width: 30px;}

.mencik_insaat {float: right;width: 45%;position: relative;margin: 0 0 150px 0;overflow: hidden;}
.mencik_insaat:before {content: '';}
.mencik_insaat > img {float: left;width: 100%;}
.mencik_insaat > strong {float: left;font-size: 20px;line-height: 20px;font-family: 'ProximaLight';font-weight: normal;position: absolute;bottom: 0;left: 0;z-index: 1;padding: 20px 40px;background: #293948;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.mencik_insaatic {position: absolute;left: 0;right: 0;bottom: -100%;height: 100%;text-align: center;display: flex;justify-content:center;align-items: center;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background: rgba(41, 57, 72, 0.5);}
.mencik_insaat:hover .mencik_insaatic {bottom: 0;}
.mencik_insaat:hover strong {opacity: 0 !important;}
.mencik_insaatic div {float: left;width: 100%;}
.mencik_insaatic h1{float: left;margin: 0 0 20px 0;width: 100%;font-size: 25px;line-height: 25px;font-family: 'ProximaSemibold';letter-spacing: 10px;}
.mencik_insaatic span {float: left;width: 100%;font-size: 25px;line-height: 25px;font-family: 'ProximaLight';margin: 0 0 10px 0;}
.mencik_insaatic p {float: left;font-family: 'ProximaThin';width: 100%;font-size: 23px;margin: 0 0 20px 0;line-height: 23px;}
.mencik_insaatic img {display: inline-block;width: 30px;}

.mencik_media {float: left;width: 65%;position: relative;margin: 0 0 150px 0;overflow: hidden;clear: both;}
.mencik_media:before {content: '';}
.mencik_media > img {float: left;width: 100%;}
.mencik_media > strong {float: left;font-size: 20px;line-height: 20px;font-family: 'ProximaLight';font-weight: normal;position: absolute;bottom: 0;left: 0;z-index: 1;padding: 20px 40px;background: #293948;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.mencik_mediaic {position: absolute;left: 0;right: 0;bottom: -100%;height: 100%;text-align: center;display: flex;justify-content:center;align-items: center;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background: rgba(41, 57, 72, 0.5);}
.mencik_media:hover .mencik_mediaic {bottom: 0;}
.mencik_media:hover strong {opacity: 0 !important;}
.mencik_mediaic div {float: left;width: 100%;padding: 25% 0 0 0;}
.mencik_mediaic h1{float: left;margin: 0 0 20px 0;width: 100%;font-size: 25px;line-height: 25px;font-family: 'ProximaSemibold';letter-spacing: 10px;}
.mencik_mediaic span {float: left;width: 100%;font-size: 25px;line-height: 25px;font-family: 'ProximaLight';margin: 0 0 10px 0;}
.mencik_mediaic p {float: left;font-family: 'ProximaThin';width: 100%;font-size: 23px;margin: 0 0 20px 0;line-height: 23px;}
.mencik_mediaic img {display: inline-block;width: 30px;}

.monajans {float: left;width: 65%;position: relative;margin: 0 0 150px 0;overflow: hidden;clear: both;}
.monajans:before {content: '';}
.monajans > img {float: left;width: 100%;}
.monajans > strong {float: left;font-size: 20px;line-height: 20px;font-family: 'ProximaLight';font-weight: normal;position: absolute;bottom: 0;left: 0;z-index: 1;padding: 20px 40px;background: #293948;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.monajansic {position: absolute;left: 0;right: 0;bottom: -100%;height: 100%;text-align: center;display: flex;justify-content:center;align-items: center;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background: rgba(41, 57, 72, 0.5);}
.monajans:hover .monajansic {bottom: 0;}
.monajans:hover strong {opacity: 0 !important;}
.monajansic div {float: left;width: 100%;}
.monajansic h1{float: left;margin: 0 0 20px 0;width: 100%;font-size: 25px;line-height: 25px;font-family: 'ProximaSemibold';letter-spacing: 10px;}
.monajansic span {float: left;width: 100%;font-size: 25px;line-height: 25px;font-family: 'ProximaLight';margin: 0 0 10px 0;}
.monajansic p {float: left;font-family: 'ProximaThin';width: 100%;font-size: 23px;margin: 0 0 20px 0;line-height: 23px;}
.monajansic img {display: inline-block;width: 30px;}

.footer {float: left;width: 100%;padding: 0 85px;margin: 70px 0;}
.social {float: left;width: 10%;}
.social li {float: left;width: 100%;}
.social li a {float: left;width: 100%;}
.social li a i {float: left;font-size: 22px;line-height: 40px;}

.footmenu {float: left;width: 20%;}
.footmenu li {float: left;width: 100%;}
.footmenu li a {float: left;width: 100%;line-height: 40px;font-size: 18px;}

.sagfooter {float: right;width: 170px;margin: 85px 0 0 0;}
.sagfooter span {float: left;width: 100%;font-size: 20px;line-height: 30px;}
.sagfooter a {float: left;width: 100%;}
.sagfooter a img {float: left;width: 100%;}


.hakkimizdabanner {float: left;width: 100%;background: url(../images/hakkimizdabanner.png) no-repeat;height: 100vh;background-size: cover;background-attachment: fixed;background-position: top center;}
.hakkimizdabanner > strong {font-family:'ProximaSemibold';float: left;font-size: 40px;letter-spacing: 4px;color: #fff;line-height: 40px;margin: 22% 0 0 0;padding: 0 0 0 80px;}
.hakkimizdabanner > span {font-family:'ProximaLight';font-size: 60px;line-height: 55px;letter-spacing: 10px;margin: 0 3% 0 0;position: absolute;right: 0;bottom: 30%;}
.hakkimizdabanner > ul {float: left;padding: 0 0 0 70px;margin: 30px 0 0 0;width: 50%;clear: left;}
.hakkimizdabanner > ul li {float: left;width: 20%;padding: 0 2%;}
.hakkimizdabanner > ul li img {float: left;width: 100%;}

.hakkimizda {float: left;width: 100%;padding: 85px 85px 0 85px;text-align: center;}
.hakkimizda p {float: left;width: 100%;margin: 0 0 70px 0;font-size: 25px;line-height: 35px;font-family: 'ProximaLight';}
.hakkimizda span {float: left;width: 100%;font-family: 'ProximaLight';margin: 0 0 25px 0;font-size: 25px;line-height: 35px;}


.studyo_banner {float: left;width: 100%;background: url(../images/studyo_banner.jpg) no-repeat;height: 100vh;background-size: cover;background-attachment: fixed;background-position: top center;}
.studyo_banner > span {font-family:'ProximaLight';font-size: 60px;line-height: 55px;letter-spacing: 10px;margin: 0 3% 0 0;position: absolute;right: 0;bottom: 30%;}

.studyo {float: left;width: 100%;padding: 100px 85px;}
.insaat {float: left;width: 100%;position: relative;margin: 0 0 100px 0;}
.insaatimg {float: right;width: 55%;}
.insaatimg img {float: left;width: 100%;box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);}
.insatyazidisdiv {position: absolute;width: 45%;left: 0;bottom: 0;top: 0;display: flex;justify-content:center;align-items: center;}
.insatyaziortala {float: left;width: 100%;}
.insatyazi {float: right;width: 70%;background: #ab8673;padding: 20px;margin: 0 -10% 0 0;box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);}
.insatyazi span {float: left;width: 100%;font-size: 34px;line-height: 50px;letter-spacing: 3px;position: relative;}
.insatyazi span:before {content: '';position: absolute;left: 0;bottom: 0;height: 1px;background: #fff;width: 90px;}
.insatyazi p {float: left;width: 100%;margin: 20px 0 0 0;font-size: 20px;line-height: 35px;}

.medya {float: left;width: 100%;position: relative;margin: 0 0 100px 0;}
.medyaimg {float: left;width: 55%;}
.medyaimg img {float: left;width: 100%;box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);}
.medyayazidisdiv {position: absolute;width: 45%;right: 0;bottom: 0;top: 0;display: flex;justify-content:center;align-items: center;}
.medyayaziortala {float: left;width: 100%;}
.medyayazi {float: left;width: 70%;background: #1b2b3a;padding: 20px;margin: 0 0 0 -10%;box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.35);}
.medyayazi span {float: left;width: 100%;font-size: 34px;line-height: 50px;letter-spacing: 3px;position: relative;}
.medyayazi span:before {content: '';position: absolute;left: 0;bottom: 0;height: 1px;background: #fff;width: 90px;}
.medyayazi p {float: left;width: 100%;margin: 20px 0 0 0;font-size: 20px;line-height: 35px;}

.projeler_banner {float: left;width: 100%;background: url(../images/projeler_banner.jpg) no-repeat;height: 100vh;background-size: cover;background-attachment: fixed;background-position: top center;}
.projeler_banner > span {font-family: 'ProximaLight';font-size: 60px;line-height: 55px;letter-spacing: 10px;margin: 0 3% 0 0;position: absolute;right: 0;bottom: 30%;}

.projeleryazi {float: left;width: 100%;position: relative;padding: 130px 85px;display: flex;justify-content: center;align-items: center;}
.projeleryazi span {float: left;font-size: 50px;width: 28%;line-height: 55px;position: relative;letter-spacing: 1px;}
.projeleryazi p {float: left;width: 72%;padding: 0 70px;margin: 0;font-size: 30px;line-height: 45px;}

.projeler {float: left;width: 100%;margin-bottom: 80px;}
.projeler ul {float: left;width: 100%;position: relative;}
.projeler ul li {float: left;width: 25%;position: relative;}
.projeler ul li a:before {content: '';position: absolute;width: 100%;top: 0;bottom: 0;height: 100%;z-index: 1;background: rgba(41, 57, 72, 0.50);opacity: 1;-webkit-transition: background .15s ease-out;-moz-transition: background .15s ease-out;transition: background .15s ease-out;}
.projeler ul li a {float: left;width: 100%;cursor: pointer;overflow: hidden;}
.projeler ul li a img {float: left;width: 100%;-webkit-transition: transform .3s ease-in;-moz-transition: transform .3s ease-in;transition: transform .3s ease-in;}
.projeler ul li .view {background: url(../images/view.png) no-repeat;display: block;position: absolute;top: 0;background-position: center;left: 0;width: 100%;background-size: 50%;height: 100%;z-index: 9;opacity: 0;-webkit-transition: all .15s ease-out;-moz-transition: all .15s ease-out;transition: all .15s ease-out;-webkit-transform: scale(.2);-ms-transform: scale(.2);transform: scale(.2);}
.projeler ul li a:hover:before {background: none;}
.projeler ul li a:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.projeler ul li a:hover .view {opacity: 1;-webkit-transform: scale(.4);-ms-transform: scale(.4);transform: scale(.4);}

.iletisimbanner {float: left;width: 100%;height: 100vh;position: relative; display: -webkit-flex;display: flex;overflow: hidden;}
.iletisimbanner > span {font-family:'ProximaLight';font-size: 60px;line-height: 55px;letter-spacing: 10px;margin: 0 3% 0 0;position: absolute;right: 0;bottom: 30%;}
.flex-slide {-webkit-flex: 1;-ms-flex: 1;flex: 1;cursor: pointer;-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-transition: all 500ms ease;transition: all 500ms ease;display: flex;justify-content: center;align-items: center;}
.flex-slide:hover {-webkit-flex-grow: 3;flex-grow: 3;}
.dubai {height: 100vh;background: url(../images/dubai.jpg) no-repeat;background-size: cover;background-position: 45% 90%;}
.lubnan {height: 100vh;background: url(../images/lubnan.jpg) no-repeat;background-size: cover;background-position: 45% 90%;}
.antep {height: 100vh;background: url(../images/antep.jpg) no-repeat;background-size: cover;background-position: 45% 90%;}
.istanbul {height: 100vh;background: url(../images/istanbul.jpg) no-repeat;background-size: cover;background-position: 45% 90%;}
.torun {height: 100vh;background: url(../images/torun.jpg) no-repeat;background-size: cover;background-position: 45% 90%;}

.flex-slide span {opacity: 0;display: none;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.flex-slide:hover span {opacity: 1;display: block;padding: 20px 0;background: rgba(37, 58, 77, 0.6);float: left;width: 100%;text-align: center;font-size: 20px;line-height: 15px;letter-spacing: 5px;}

#map {float: left;width: 50%;height: 500px;}
.iletisimbilgisi {float: left;width: 50%;height: 500px;background: url(../images/iletisimbilgileri.jpg) no-repeat;background-size: cover;background-position: top center;display: flex;justify-content:center;padding:20px;align-items:center;}
.iletisimbilgisi ul {float: left;width: 100%;padding: 0 3%;}
.iletisimbilgisi ul li {float: left;width: 100%;margin: 4% 0;}
.iletisimbilgisi ul li img {float: left;width: 7%;}
.iletisimbilgisi ul li div {float: left;width: 93%;padding: 0 0 0 3%;}
.iletisimbilgisi ul li div p {float: left;width: 100%;font-size: 21px;line-height: 30px;margin: 3% 0 0 0;}
.iletisimbilgisi ul li div a {float: left;width: 100%;font-size: 21px;line-height: 15px;margin: 3% 0 0 0;}
.iletisimbilgisi ul li div span {float: left;width: 100%;font-size: 22px;letter-spacing: 5px;line-height: 25px;}

@keyframes aboutFlexSlide {
  0% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  50% {
    -webkit-flex-grow: 3;
    flex-grow: 3;
  }
  100% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}

.dubaibanner {float: left;width: 100%;background: url(../images/dubai.jpg) no-repeat;height: 100vh;background-size: cover;background-attachment: fixed;background-position: top center;display: flex;justify-content: center;align-items: center;}
.dubaibanner > span, .torunbanner > span, .istanbulbanner > span, .antepbanner > span, .lubnanbanner > span {font-family: 'ProximaLight';font-size: 40px;line-height: 35px;letter-spacing: 10px;text-shadow: 0px 0px 3px #000;}

.torunbanner {float: left;width: 100%;background: url(../images/torun.jpg) no-repeat;height: 100vh;background-size: cover;background-attachment: fixed;background-position: top center;display: flex;justify-content: center;align-items: center;}
.istanbulbanner {float: left;width: 100%;background: url(../images/istanbul.jpg) no-repeat;height: 100vh;background-size: cover;background-attachment: fixed;background-position: top center;display: flex;justify-content: center;align-items: center;}
.antepbanner {float: left;width: 100%;background: url(../images/antep.jpg) no-repeat;height: 100vh;background-size: cover;background-attachment: fixed;background-position: top center;display: flex;justify-content: center;align-items: center;}
.lubnanbanner {float: left;width: 100%;background: url(../images/lubnan.jpg) no-repeat;height: 100vh;background-size: cover;background-attachment: fixed;background-position: top center;display: flex;justify-content: center;align-items: center;}


.nav-icon{margin: 10px 0;height: 18px;width: 30px;position: relative;float: right;background: none;cursor: pointer;z-index: 10000;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;margin-right: 0px;display: none;}
.nav-icon:after{ content:''; position: absolute; top: -16px; bottom: -18px; right: -12px; left: -12px; z-index: -1;border-radius: 100px; -webkit-transition: all .1s cubic-bezier(.77, .2, .325, 1); -o-transition: all .1s cubic-bezier(.77, .2, .325, 1); transition: all .1s cubic-bezier(.77, .2, .325, 1); border: 0px solid #ccc; }
.nav-icon:hover:after{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.nav-icon span{ display: block; position: absolute; height: 2px; width: 100%; left: 0;-webkit-transition: all .3s cubic-bezier(.77, .2, .325, 1);-o-transition: all .3s cubic-bezier(.77, .2, .325, 1);transition: all .3s cubic-bezier(.77, .2, .325, 1);-webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,1);box-shadow: 0px 0px 10px -1px rgba(0,0,0,1); background: #fff; }
.nav-icon span:nth-child(1){top: 0;width: 80%;}
.nav-icon span:nth-child(2){ top: 8px; }
.nav-icon span:nth-child(3){ top: 16px; margin-left: 30%; width: 70%; }
.nav-icon.close-btn{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
.nav-icon.close-btn span{ width: 100%; margin-left: 0; }
.nav-icon.close-btn span:nth-child(2){ opacity: 0; }
.nav-icon.close-btn span:nth-child(1){ -webkit-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
.nav-icon.close-btn span:nth-child(3){ -webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
.menuic, .msocial {display: none;}

@media screen and (max-width: 1261px) {
.ugurportal > strong, .mencik_insaat > strong, .noviainovaktif > strong, .mencik_media > strong, .monajans > strong {font-size: 28px;line-height: 20px;padding: 15px 30px;}
.projeleryazi span {font-size: 40px;}
.projeleryazi p {font-size: 30px;line-height: 40px;}
.insatyazi, .medyayazi {width: 100%;}
.medyayazi span, .insatyazi span {font-size: 29px;}
.medyayazi p, .insatyazi p {line-height: 30px;}

}

@media only screen and (min-device-width : 993px) and (max-device-width : 1024px) {
.top .logo {width: 150px;}
.top .ikon {width: 40px;}
.top {padding: 30px 85px;}
.mencik {margin: 100px 0;}
.mencik p {font-size: 23px;line-height: 35px;}
.ugurportal, .mencik_insaat, .noviainovaktif, .mencik_media, .monajans {margin-bottom: 100px;}
.ugurportal > strong, .mencik_insaat > strong, .noviainovaktif > strong, .mencik_media > strong, .monajans > strong {font-size: 20px;}
.projeler_banner > span, .hakkimizdabanner > span, .iletisimbanner > span {font-size: 45px;line-height: 35px;}
.insatyazi, .medyayazi {width: 90%;}
.medyayazi span, .insatyazi span {font-size: 23px;line-height: 40px;letter-spacing: 2px;}
.medyayazi p, .insatyazi p {line-height: 24px;font-size: 18px;}
.hakkimizda p {margin: 0 0 50px 0;font-size: 20px;line-height: 25px;}
.hakkimizda span {margin: 0 0 20px 0;font-size: 19px;line-height: 15px;}
.dubaibanner > span, .torunbanner > span, .istanbulbanner > span, .antepbanner > span, .lubnanbanner > span {font-size: 25px;line-height: 25px;letter-spacing: 8px;}
.monajansic h1, .mencik_mediaic h1, .noviainovaktific h1, .mencik_insaatic h1, .ugurportalic h1 {margin: 0 0 15px 0;font-size: 20px;line-height: 15px;letter-spacing: 6px;}
.monajansic span, .monajansic p, .mencik_mediaic span, .mencik_mediaic p, .noviainovaktific span, .noviainovaktific p, .mencik_insaatic span, .mencik_insaatic p, .ugurportalic span, .ugurportalic p {font-size: 17px;line-height: 15px;margin: 0 0 10px 0;}
.monajansic img, .mencik_mediaic img, .noviainovaktific img, .mencik_insaatic img, .ugurportalic img {width: 25px;}
.projeleryazi span {font-size: 30px;line-height: 45px;}
.projeleryazi p {font-size: 25px;line-height: 35px;padding: 0 35px;}
.projeleryazi {padding: 100px 85px;}
.hakkimizdabanner > strong {font-size: 30px;margin: 30% 0 0 0;}
.hakkimizdabanner > ul {width: 55%;}

}

@media screen and (max-width: 992px) {
.nav-icon {display: block;}
.menuic {display: none;}
.scrolling {overflow: hidden !important;}
.menu {height: 78px;transition: height 0.4s ease-out;}
.menu > img {float: left;display: block !important;width: 40px;}
.top, .menudesktop {display: none;}
.open {visibility: visible;height: 100vh;transition: height 0.4s ease-in;position: relative;z-index: 99;}
.open .menuic {display: block;width: 100%;position: relative;top: 50%;text-align: center;height: 67%;transform: translateY(-50%);}
.menuic li {margin: 2% 0 !important;width: 100%;}
.menuic li a {font-size: 21px !important;line-height: 30px !important;letter-spacing: 2px;width: 100%;transition: all 0.5s ease;}
.menuic li a:before {display: none;}
.menuic li a:hover {transition: all 0.5s ease;letter-spacing: 5px;}
.msocial {width: 50%;margin: 0 0 0 25%;display: none;}
.open .msocial {display: block !important;}
.msocial li {width: 33.3%;margin: 0 !important;text-align: center;}
.msocial li a {float: left;width: 100%;}
.msocial li a i {font-size: 22px;line-height: 40px;float: none;}
.menu > a {float: left;width: 40px;display: block !important;}
.menu {padding: 20px;}
.flex-slide:hover span {padding: 15px 0;font-size: 16px;letter-spacing: 3px;}
#map {width: 100%;height: 360px;}
.iletisimbilgisi {height: 360px;width: 100%;}
.iletisimbanner {flex-direction: column;position: static;height: calc(100% - 78px);margin: 78px 0 0 0;}
.flex-slide {overflow: auto;overflow-x: hidden;}
.dubai {-moz-animation: aboutFlexSlide;-moz-animation-duration: 3s;-moz-animation-iteration-count: 1;-moz-animation-delay: 0s;-webkit-animation: aboutFlexSlide;-webkit-animation-duration: 3s;-webkit-animation-iteration-count: 1;-webkit-animation-delay: 0s;animation: aboutFlexSlide;animation-duration: 3s;animation-iteration-count: 1;animation-delay: 0s;}
.iletisimbilgisi ul li {margin: 2% 0;}
.iletisimbilgisi ul li div span {font-size: 18px;line-height: 18px;}
.iletisimbilgisi ul li div a {font-size: 18px;margin: 2% 0 0 0;}
.iletisimbilgisi ul li div p {font-size: 18px;line-height: 15px;margin: 2% 0 0 0;}
.footer {padding: 0 20px;margin: 25px 0;}
.mencik p {font-size: 16px;line-height: 25px;}
.mencik {padding: 0 20px;margin: 50px 0;}
.works {padding: 0 20px;}
.ugurportal, .mencik_insaat, .noviainovaktif, .mencik_media, .monajans {margin-bottom: 50px;}
.projeleryazi, .studyo {padding: 50px 20px;}
.hakkimizda {padding: 50px 20px 0 20px;}
.hakkimizdabanner > strong {font-size: 25px;letter-spacing: 2px;line-height: 30px;margin: 35% 0 0 0;text-align: center;padding: 0 0 0 20px;}
.hakkimizdabanner > ul {padding: 0;width: 100%;}
.mencik_banner, .projeler_banner, .studyo_banner, .dubaibanner, .torunbanner, .istanbulbanner, .antepbanner, .lubnanbanner {background-attachment: inherit;}
}

@media only screen and (min-device-width : 769px) and (max-device-width : 992px) {
.ugurportal {width: 80%;}
.ugurportal > strong, .mencik_insaat > strong, .noviainovaktif > strong, .mencik_media > strong, .monajans > strong {font-size: 15px;line-height: 16px;padding: 10px 15px;}
.monajansic h1, .mencik_mediaic h1, .noviainovaktific h1, .mencik_insaatic h1, .ugurportalic h1 {margin: 0 0 10px 0;font-size: 18px;line-height: 15px;letter-spacing: 3px;}
.monajansic span, .monajansic p, .mencik_mediaic span, .mencik_mediaic p, .noviainovaktific span, .noviainovaktific p, .mencik_insaatic span, .mencik_insaatic p, .ugurportalic span, .ugurportalic p {font-size: 14px;line-height: 11px;margin: 0 0 10px 0;}
.monajansic img, .mencik_mediaic img, .noviainovaktific img, .mencik_insaatic img, .ugurportalic img {width: 20px;}
.noviainovaktif {margin-top: 50px;margin-left: 6%;}
.mencik_insaat, .noviainovaktif {width: 47%;}
.sagfooter {width: 100%;margin: 20px 0 0 0;}
.sagfooter span {width: auto;font-size: 14px;line-height: 13px;}
.sagfooter a {float: right;width: 135px;}
.social {width: 20%;}
.social li a {text-align: center;}
.social li a i {float: none;font-size: 20px;}
.footmenu {width: 35%;float: right;}
.footmenu li {text-align: center;}
.projeler_banner > span, .studyo_banner > span, .hakkimizdabanner > span, .iletisimbanner > span {font-size: 30px;line-height: 25px;letter-spacing: 8px;}
.projeleryazi span {font-size: 25px;width: 100%;line-height: 30px;text-align: center;}
.projeleryazi p {font-size: 20px;line-height: 30px;width: 100%;text-align: center;padding: 0 0;}
.projeler, .insaat, .medya {margin-bottom: 50px;}
.insatyazidisdiv, .medyayazidisdiv {width: 55%;}
.insatyazi, .medyayazi {width: 80%;margin: 0 0 0 0;box-shadow: -5px -5px 5px 0px rgba(0, 0, 0, 0.35);}
.medyayazi span, .insatyazi span {font-size: 22px;line-height: 40px;}
.medyayazi p, .insatyazi p {line-height: 25px;font-size: 16px;}
.insaatimg, .medyaimg {width: 50%;}
.hakkimizda p {margin: 0 0 35px 0;font-size: 16px;line-height: 25px;}
.hakkimizda span {margin: 0 0 15px 0;font-size: 20px;line-height: 20px;}
.dubaibanner > span, .torunbanner > span, .istanbulbanner > span, .antepbanner > span, .lubnanbanner > span {font-size: 30px;line-height: 28px;letter-spacing: 8px;}

}

@media screen and (max-width: 768px) {
.ugurportal > strong, .mencik_insaat > strong, .noviainovaktif > strong, .mencik_media > strong, .monajans > strong {font-size: 12px;line-height: 12px;padding: 10px 15px;}
.footmenu li a {line-height: 25px;font-size: 14px;}
.social li a i {font-size: 16px;line-height: 30px;}
.sagfooter span {font-size: 10px;line-height: 13px;}
.monajansic h1, .mencik_mediaic h1, .noviainovaktific h1, .mencik_insaatic h1, .ugurportalic h1 {font-size: 15px;line-height: 15px;letter-spacing: 2px;margin: 0 0 5px 0;}
.monajansic span, .monajansic p, .mencik_mediaic span, .mencik_mediaic p, .noviainovaktific span, .noviainovaktific p, .mencik_insaatic span, .mencik_insaatic p, .ugurportalic span, .ugurportalic p {font-size: 13px;line-height: 11px;margin: 0 0 7px 0;}
.projeleryazi p {font-size: 15px;line-height: 20px;padding: 0 0 0 15px;width: 70%;}
.hakkimizda p {font-size: 14px;line-height: 20px;margin: 0 0 35px 0;}
.iletisimbilgisi ul li div span {font-size: 15px;letter-spacing: 3px;line-height: 20px;}
.iletisimbilgisi ul li div a {font-size: 16px;line-height: 15px;margin: 2% 0 0 0;}
.iletisimbilgisi ul li div p {font-size: 16px;line-height: 23px;margin: 2% 0 0 0;}
.dubaibanner > span, .torunbanner > span, .istanbulbanner > span, .antepbanner > span, .lubnanbanner > span {font-size: 20px;line-height: 30px;text-align: center;}
.projeleryazi span {font-size: 16px;line-height: 22px;width: 30%;}
.projeler_banner > span, .studyo_banner > span, .hakkimizdabanner > span, .iletisimbanner > span {font-size: 30px;line-height: 25px;letter-spacing: 8px;}
.insatyazidisdiv, .medyayazidisdiv {position: relative;width: 100%;}
.insatyazi, .medyayazi {margin: 0;}
.insaatimg, .medyaimg {width: 100%;}
.medyayazi span, .insatyazi span {font-size: 21px;line-height: 35px;letter-spacing: 2px;}
.medyayazi p, .insatyazi p {line-height: 20px;font-size: 16px;margin: 15px 0 0 0;}
.monajansic img {width: 15px;}
.insaat, .medya {margin: 0 0 50px 0;}
.sagfooter {width: 115px;margin: 70px 0 0 0;}
.hakkimizda span {margin: 0 0 10px 0;font-size: 20px;line-height: 20px;}

}