/* Tüm hakları saklıdır. My Medya® izni olmadan kopyalanamaz ve çoğaltılamaz. | mymedya.com.tr */
/* Tous droits réservés. My Medya® ne peut être copié ni reproduit sans autorisation. | mymedya.com.tr */
/* Alle rechten voorbehouden. My Medya® mag niet worden gekopieerd of gereproduceerd zonder toestemming. | mymedya.com.tr */
/* All rights reserved. My Medya® may not be copied or reproduced without permission. | mymedya.com.tr */

@import url('bootstrap.css');
@import url('animsition.css');
@import url('font-awesome.min.css');
@import url('ionicons.min.css');
@import url('linearicons.css');
@import url('animate.css');
@import url('magnific-popup.css');
@import url('jquery.fullPage.css');
@import url('jquery.pagepiling.css');
@import url('owl.carousel.css');
@import url('settings.css');
@import url('layers.css');
@import url('navigation.css');

html { font-size: 12px; -webkit-font-smoothing: antialiased }
body { font-family: 'Poppins',sans-serif; font-size: 1rem; font-weight: 400; letter-spacing: .025em; line-height: 2.1428; color: #7e7e7e; background: #272727; -webkit-overflow-scrolling: touch }
.body-fullpage { overflow: hidden }
::-webkit-scrollbar { width: 8px; height: 8px }
::-webkit-scrollbar-thumb { cursor: pointer; background: #baa460 }
::selection { background-color: #baa460; color: #fff }
-webkit-::selection { background-color: #baa460; color: #fff }
::-moz-selection { background-color: #baa460; color: #fff }
@font-face { font-family: 'Poppins'; src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),url('../fonts/poppins-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal }
h1, .h1 { font-weight: 600; font-size: 30px; line-height: 1.2; color: #fff; letter-spacing: -.02em; margin: .5em 0; }
h2, .h2 { font-weight: 600; font-size: 26px; line-height: 1.25; color: #fff; letter-spacing: 0; margin: 24px 0; }
h3, .h3 { font-weight: 600; font-size: 24px; line-height: 1.25; color: #fff; letter-spacing: -.02em; margin: 24px 0; }
h4, .h4 { font-weight: 600; font-size: 20px; line-height: 1.3; color: #fff; letter-spacing: .01em; margin: 20px 0; }
h5, .h5 { font-weight: 600; font-size: 18px; line-height: 1.35; color: #fff; letter-spacing: 0; margin: 18px 0; }
h6, .h6 { font-weight: 600; font-size: 16px; line-height: 1.4; color: #fff; letter-spacing: 0; margin: 16px 0; }

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { color: inherit }
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover { text-decoration: none }
strong { font-weight: 600 }
p, blockquote { margin-bottom: 20px }
blockquote { font-family: 'Playfair Display',serif; font-size: 20.568px; letter-spacing: .025em; line-height: 1.5; padding: 0; width: 80%; padding-left: 81.6px; border-left: 3.6px solid #baa460; margin-top: 60px; color: #fff }
cite { display: block; color: #fff; font-weight: 600; letter-spacing: 0; font-style: normal }
.blockquote-cite { font-size: 1rem; color: #999999; letter-spacing: .05em; padding-left: 85.2px; margin-bottom: 60px }
.blockquote-cite cite { font-size: 1.14rem }
a { color: #baa460; -webkit-transition: color .3s ease-out; -o-transition: color .3s ease-out; transition: color .3s ease-out }
a:hover, a:focus { color: #baa460; outline: none }
a:focus { text-decoration: none }
input[type='text'], input[type='address'], input[type='url'], input[type='password'], input[type='email'], input[type="search"], input[type="tel"], textarea { display: inline-block; width: 100%; font-size: 1rem; border-radius: .75em; color: #3d3d3d; background-color: #fff; border: 0; border: 1px solid #d1d1d1; border-radius: 0; padding: 2.4px 12px 0; height: 3.6em; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -webkit-transition: all .15s; -o-transition: all .15s; transition: all .15s }
textarea { padding-top: 9.6px; height: 180px; resize: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
input[type='text']:focus, input[type='address']:focus, input[type='url']:focus, input[type='password']:focus, input[type='email']:focus, input[type="search"]:focus, input[type="tel"]:focus, textarea:focus { border-color: #baa460; outline: 0 }
input.input-gray, textarea.input-gray { background: #f6f6f6 }
input.input-gray:focus, textarea.input-gray:focus { background: #fff }
input::-moz-placeholder { color: #999999; opacity: 1 }
input:-ms-input-placeholder { color: #999 }
input::-webkit-input-placeholder { color: #999 }
textarea::-moz-placeholder { color: #999; opacity: 1 }
textarea:-ms-input-placeholder { color: #999 }
textarea::-webkit-input-placeholder { color: #999 }
.form-group { margin-bottom: 30px }
input.error { border-color: #baa460 }
.mc-label, label.error { font-size: .83em; font-weight: 400; margin: .7em 0 0 0 }
.btn { color: #fff; letter-spacing: .025em; font-size: 1rem; display: inline-block; border: 0; border-radius: 0; padding: 1.1em 2.28em 1em; background-color: #000; text-decoration: none; -webkit-transition: all .3s ease-out !important; transition: all .3s ease-out !important }
.btn:hover, .btn:focus { background-color: #baa460; color: #fff; -webkit-box-shadow: none; box-shadow: none; outline: none !important }
.btn-upper { font-weight: 600; text-transform: uppercase }
.btn-yellow { background: #baa460; color: #000 }
.btn-yellow:hover, .btn-yellow:focus { background: #000 }
.icon { display: inline-block }
.icon-medium { font-size: 50.4px }
.link-arrow { display: inline-block; color: #000; line-height: 1 !important; font-weight: 600 }
.link-arrow-2 { display: inline-block; font-size: 1.14rem; color: #999999; font-weight: 400 }
.link-arrow .icon, .link-arrow-2 .icon { position: relative; margin-left: 8.4px; font-size: 2.1em; vertical-align: middle; -webkit-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s }
.link-arrow .icon { top: 1.2px }
.link-arrow .ion-ios-arrow-right { font-size: 1.5em }
.link-arrow-2 .ion-ios-arrow-right { font-size: 1.5em }
.link-arrow:hover, .link-arrow-2:hover { color: #baa460; text-decoration: none }
.link-arrow:hover .icon, .link-arrow-2:hover .icon { -webkit-transform: translateX(6px); -o-transform: translateX(6px); transform: translateX(6px) }
.animsition { position: absolute; z-index: 100; left: 0; width: 100%; top: 0; height: 100% }
.preloader { position: fixed; overflow: hidden; z-index: 100; left: 0; top: 0; width: 100%; height: 100%; background: #fff; color: #4b4b4b; text-align: center }
.spinner { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }
.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #baa460; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out }
.double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s }
.mb-20 { margin-bottom: 20px; }
.page-content .row-images .col-sm-6 { margin-bottom: 24px !important; }
.page-content .row-images [class*="col-"] img { width: 100%; height: 540px; display: block; object-fit: cover; object-position: 50% 20%; }

@-webkit-keyframes sk-bounce {
	0%,100% { -webkit-transform: scale(0) }
	50% { -webkit-transform: scale(1) }
}

@keyframes sk-bounce {
	0%,100% { transform: scale(0); -webkit-transform: scale(0) }
	50% { transform: scale(1); -webkit-transform: scale(1) }
}

.text-dark { color: #fff }
.text-muted { color: #999 }
.text-white { color: #fff }
.text-primary { color: #baa460 }
.masked { position: relative }
.masked:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .1 }
.pt-0 { padding-top: 0 !important }
.pb-0 { padding-bottom: 0 !important }
.rel-1 { position: relative; z-index: 1 }
.overflow-hidden { overflow: hidden }
.navbar { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; padding-top: 32.4px; height: 84px; background-color: #272727; margin: 0; border-radius: 0 }
.navbar .brand { float: left; margin-top: -6px; -webkit-transition: none; -o-transition: none; transition: none }
.brand { line-height: 1.6; color: #fff; display: inline-block }
a.brand:hover, a.brand:focus { text-decoration: none; color: #fff }
.brand img { display: inline-block; vertical-align: top; height: 66px; margin-top: -16px }
.brand-info { display: inline-block }
.brand-name { font-weight: 600; font-size: 20.568px; line-height: 1 }
.brand-text { color: #7e7e7e; font-size: .857rem; font-weight: 300; margin-top: -3.6px }
.navbar-toggle { display: block; margin: 0; padding: 0; border-radius: 0 }
.navbar-toggle .icon-bar { background-color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.navbar-toggle:hover .icon-bar { background-color: #baa460 }
.navbar .social-list { float: right; margin-right: 100px; margin-top: -4px; }
.social-list { overflow: hidden }
.social-list a { float: left; font-size: 1.428rem; line-height: 1; color: #fff; margin-left: 8px }
.social-list a:first-child { margin-left: 0 }
.social-list a:hover { color: #baa460; text-decoration: none }
.navbar-spacer { float: right; margin: -12px 54px 0; width: 1px; height: 39.6px; background-color: #3c3c3c }
.navbar-address { float: right; font-weight: 600; text-transform: uppercase }
.navbar.affix { position: fixed; box-shadow: 0 0 25px rgba(0,0,0,.07) }
.click-capture { position: fixed; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; z-index: 99 }
.menu { position: fixed; top: 0; bottom: 0; right: 0; width: 100%; z-index: 100; background-color: #272727; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease }
.close-menu { position: absolute; z-index: 2; top: 27.6px; font-size: 1.6rem; line-height: 1; color: #fff; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.close-menu:hover { color: #baa460 }
.menu .menu-lang { opacity: 0; position: absolute; opacity: 0; left: 15%; top: 36px; text-transform: uppercase; -webkit-transform: translateY(36px); -ms-transform: translateY(36px); -o-transform: translateY(36px); transform: translateY(36px); -webkit-transition: transform .5s .4s ease,opacity .5s .4s ease,color .3s ease; -o-transition: transform .5s .4s ease,opacity .5s .4s ease,color .3s ease; transition: transform .5s .4s ease,opacity .5s .4s ease,color .3s ease }
.menu-lang a { display: inline-block; margin-left: 18px; color: #7e7e7e }
.menu-lang a:first-child { margin-left: 0 }
.menu-lang .active, .menu-lang a:hover { color: #baa460; text-decoration: none }
.menu-list { opacity: 0; position: absolute; left: 0; top: 108px; bottom: 126px; padding-left: 15%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; font-weight: 600; letter-spacing: -.025rem; list-style: none; margin: 0; -webkit-transform: translateY(36px); -ms-transform: translateY(36px); -o-transform: translateY(36px); transform: translateY(36px); -webkit-transition: transform .5s .6s ease,opacity .5s .6s ease; -o-transition: transform .5s .6s ease,opacity .5s .6s ease; transition: transform .5s .6s ease,opacity .5s .6s ease }
.menu-list li a { color: #7e7e7e }
.menu-list .active > a, .menu-list li a:hover { text-decoration: none; color: #fff }
.menu-list > li { font-size: 1.95rem; line-height: 1 }
.menu-list > li { margin-top: 32.4px }
.menu-list > li:first-child { margin-top: 0 }
.menu-list ul { display: none; list-style: none; padding: 0; margin: 0 }
.menu-list ul li { font-size: 1.142rem; margin-top: 13.704px }
.menu-list ul li:first-child { margin-top: 28.8px }
.menu-footer { position: absolute; left: 15%; bottom: 48px }
.menu-footer .social-list { opacity: 0; -webkit-transform: translateY(36px); -ms-transform: translateY(36px); -o-transform: translateY(36px); transform: translateY(36px); -webkit-transition: all .5s .7s ease; -o-transition: all .5s .7s ease; transition: all .5s .7s ease }
.menu-footer .social-list a { color: #7e7e7e; margin: 0; margin-right: 15px }
.menu-footer .social-list a:last-child { margin-right: 0 }
.menu-footer .social-list a:hover { color: #baa460 }
.menu-footer .copy { opacity: 0; display: none; margin-top: 38.4px; color: #fff; line-height: 1.71rem; -webkit-transform: translateY(24px); -ms-transform: translateY(24px); -o-transform: translateY(24px); transform: translateY(24px); -webkit-transition: all .5s .9s ease; -o-transition: all .5s .9s ease; transition: all .5s .9s ease }
.menu-is-opened .click-capture { visibility: visible }
.menu-is-opened .menu { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); box-shadow: 0 0 25px rgba(0,0,0,.07) }
.menu-is-opened .menu .menu-lang, .menu-is-opened .menu-list, .menu-is-opened .menu .menu-footer .social-list, .menu-is-opened .menu .menu-footer .copy { -webkit-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); opacity: 1 }
.menu-is-closed .menu .menu-lang, .menu-is-closed .menu .menu-list, .menu-is-closed .menu .menu-footer .social-list, .menu-is-closed .menu .menu-footer .copy { opacity: 0; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s }
.wrapper { padding-top: 84px; overflow-x: hidden }
.boxed { padding-left: 20.4px; padding-right: 20.4px }
.boxed .container, .boxed .container-fluid { padding: 0; max-width: 100% }
.left-boxed { left: 20.4px }
.right-boxed { right: 20.4px }
.section { padding: 123.36px 0 }
.section-title { margin: 0 }
.section-title .link-arrow-2 { margin-top: 12.6px }
.section-subtitle { display: inline-block; font-weight: 500; font-size: 1.142rem; letter-spacing: .1em; text-transform: uppercase; color: #baa460; margin-bottom: 12px }
.jumbotron { position: relative; overflow: hidden; padding: 0; margin: 0; color: #fff; background-color: #272727 }
.rev_slider .link-arrow { color: #fff }
.rev_slider .link-arrow:hover { color: #baa460 }
.rev_slider .link-arrow:hover .icon { -webkit-transform: none; -o-transform: none; transform: none }
.slider-prev, .slider-next { position: absolute; top: 50%; z-index: 1; font-size: 48px; color: #fff; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.slider-prev { left: 26.4px }
.slider-next { right: 26.4px }
.slider-prev:hover, .slider-next:hover { color: #baa460 }
.section-about { padding: 96px 0 0 }
.section-about-title { margin-bottom: 30px }
.dots-image { display: inline-block; position: relative }
.dots-image img { display: block; position: relative; z-index: 1 }
.dots-image .dots { position: absolute; left: -20%; bottom: -15%; width: 101%; height: 57.2%; background: url(../images/bg/dots.png) 0 0 repeat }
.experience-box { position: relative; white-space: nowrap; margin: 72px 0 }

@media (min-width:992px) {
	.experience-box { margin-top: 72px }
}

@media (min-width:1200px) {
	.experience-box { margin-top: 146.4px }
}

.experience-border { display: inline-block; vertical-align: middle; width: 145.8px; height: 145.8px; border: 4.284px solid #baa460 }
.experience-content { display: inline-block; vertical-align: middle; position: relative; left: -96px; top: 2.4px }
.experience-number { display: inline-block; vertical-align: middle; font-size: 85.704px; line-height: 1; font-weight: 600; color: #fff }
.experience-info { display: inline-block; vertical-align: middle; margin: -12px 0 0 9.6px; font-size: 18.84px; line-height: 1.181; color: #fff }
.section-projects { padding-bottom: 96px }
.filter-content { position: relative; overflow: hidden }
.filter { list-style: none; font-size: 1.142rem; font-weight: 600; color: #fff; padding-left: 0; margin: 0 }
.filter li { margin: 7.2px 31.2px 0 0; display: inline-block }
.filter li:last-child { margin-right: 0 }
.filter li a { color: inherit }
.filter li a:hover, .filter .active a { color: #baa460; text-decoration: none }
.section-projects .filter-content { margin: 24px 0 0 0 }
.section-projects .filter { margin: 0 }
.section-projects .view-projects { margin: 10.2px 0 0 0 }
.view-projects { display: inline-block; font-style: italic; color: #999999 }
.view-projects:hover { text-decoration: none; color: #baa460 }
.project-carousel { margin-top: 71.04px }
.owl-nav { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.owl-nav .disabled { color: #777; cursor: default }
.owl-prev, .owl-next { display: inline-block; font-size: 33.6px; line-height: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.owl-prev:before { font-family: "Ionicons"; content: "\f3d2" }
.owl-next:before { font-family: "Ionicons"; content: "\f3d3" }
.owl-prev:hover, .owl-next:hover { color: #baa460 }
.owl-dots { text-align: center; margin-top: 70.284px }
.owl-dot { display: inline-block; vertical-align: top; margin: 0 7.2px }
.owl-dot span { display: block; width: 7.2px; height: 7.2px; background-color: #cccccc }
.owl-dot.active span { background-color: #baa460 }
.project-item { position: relative; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.project-item img { width: 100% }
.item-shadow { position: relative }
.item-shadow:before { content: ''; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top,rgba(0,0,0,0) 46%,rgba(0,0,0,.6) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 46%,rgba(0,0,0,.6) 100%) }
.project-item .link-arrow { position: absolute; z-index: 2; color: #fff; left: 36px; bottom: 27.6px; -webkit-transition: none; -o-transition: none; transition: none }
.project-hover { position: absolute; z-index: 2; left: 0; top: 0; width: 100.1%; height: 100%; padding: 58.2px 36px; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease }
.project-title { color: #fff; margin: 0 }
.project-hover .project-title { position: absolute; bottom: 66px }
.project-description { opacity: 0; margin-top: 12%; line-height: 1.71; color: #333333; -webkit-transform: translateX(-12px); -ms-transform: translateX(-12px); -o-transform: translateX(-12px); transform: translateY(-12px) }
.project-item:hover .project-hover { background-color: rgba(186,164,96,.85) }
.project-item:hover .project-hover .project-title { position: relative; color: #000; bottom: 24px; -webkit-transform: translateY(24px); -ms-transform: translateY(24px); -o-transform: translateY(24px); transform: translateY(24px); -webkit-transition: transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease }
.project-item:hover .project-hover .project-description { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateY(0); -webkit-transition: all .4s .2s ease; -o-transition: all .4s .2s ease; transition: all .4s .2s ease }
.project-item:hover .link-arrow { color: #000 }
.section-clients .section-title { margin-right: 84px }
.client-carousel { margin-top: 57.6px }
.client-carousel .client-carousel-item img { display: inline-block; width: auto }
.client-box { position: relative; color: #999; background-color: #333333; padding: 72px 39.36px 39.36px }
.image-quote { position: absolute; top: 39.36px; right: 39.36px }
.client-img { position: relative; z-index: 1; margin: 0 0 -36px 31.2px; border-radius: 50% }
.client-title { letter-spacing: 0 }
.client-name { font-size: 1.28rem; line-height: 1; color: #fff }
.client-description { margin: 18px 0 0; line-height: 1.71em }
.client-carousel .owl-nav { right: 0; top: -93.6px; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
.client-carousel .owl-prev { margin-right: 24px }
.partner-carousel { margin-top: 123.36px }
.partner-carousel .partner-carousel-item img { width: auto; margin: 0 auto; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.section-news { border-bottom: 1px solid #383838 }
.news-carousel { margin-top: 56.4px }
.news-item { position: relative }
.news-item img { width: 100% }
.news-hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 32.4px; color: #999; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.hover-border { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
.hover-border div { position: absolute; left: 0; top: 0; width: 100%; height: 100% }
.hover-border div::before { position: absolute; content: ""; background: #baa460; height: 2px; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: .2s; -o-transition: .2s; transition: .2s }
.hover-border::after { position: absolute; content: ""; background: #baa460; width: 2px; height: 100%; right: 0; bottom: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: .2s .2s; -o-transition: .2s .2s; transition: .2s .2s }
.hover-border div::after { position: absolute; content: ""; background: #baa460; width: 100%; height: 2px; right: 0; bottom: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: .2s .4s; -o-transition: .2s .4s; transition: .2s .4s }
.hover-border::before { position: absolute; content: ""; background: #baa460; width: 2px; height: 100%; left: 0; top: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); -webkit-transition: .2s .8s; -o-transition: .2s .8s; transition: .2s .8s }
.news-hover .content { opacity: 0; position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.news-hover .time { margin-bottom: 7.2px }
.news-title { font-size: 1.95rem; line-height: 1.25; letter-spacing: 0; margin: 0; -webkit-transform: translateX(-24px); -ms-transform: translateX(-24px); -o-transform: translateX(-24px); transform: translateX(-24px); -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease }
.news-description { opacity: 0; margin-bottom: 0; line-height: 1.71; margin-top: 12px; -webkit-transform: translateY(-24px); -ms-transform: translateY(-24px); -o-transform: translateY(-24px); transform: translateY(-24px); -webkit-transition: .5s .3s ease; -o-transition: .5s .3s ease; transition: .5s .3s ease }
.news-hover .read-more { position: absolute; opacity: 0; bottom: 32.4px }
.read-more { font-weight: 600 }
.news-item:hover .news-hover { background-color: #272727 }
.news-item:hover .hover-border::before, .news-item:hover .hover-border::after, .news-item:hover .hover-border div::before, .news-item:hover .hover-border div::after { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
.news-item:hover .news-hover .content { opacity: 1 }
.news-item:hover .news-hover .news-title, .news-item:hover .news-hover .news-description { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
.news-item:hover .news-hover .read-more { opacity: 1 }
.navbar-2 { background: transparent; padding-top: 36px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #fff }
.navbar-2 .navbar-bg { content: ''; position: absolute; left: 0; right: 0; top: -1px; width: 100%; height: 100%; background: #272727; z-index: -1; -webkit-transition: all .3s cubic-bezier(.37,.31,.2,.85); -o-transition: all .3s cubic-bezier(.37,.31,.2,.85); transition: all .3s cubic-bezier(.37,.31,.2,.85) }
.navbar-2 .brand { width: 216px }
.navbar-2 .brand-text { color: #fff }
.navbar-2 .navbar-address { float: left; margin-left: 60px }
.navbar-2 .social-list { float: left; margin-left: 90px }
.navbar-white { background: transparent }
.navbar-white .navbar-bg { height: 0 }
.navbar-white .brand, .navbar-white .brand:hover, .navbar-white .brand:focus, .navbar-white .brand-text, .navbar-white .navbar-address, .navbar-white .navbar-address .text-dark, .navbar-white .social-list a { color: #fff }
.navbar-white .navbar-toggle .icon-bar { background: #fff }
.navbar-white .social-list a:hover { color: #baa460 }
.copy-bottom { display: none; position: absolute; z-index: 10; left: 0; bottom: 28.8px; color: #000 }
.lang-bottom { display: none; position: absolute; z-index: 10; right: 0; bottom: 28.8px; color: #000 }
.copy-bottom.white { color: #fff }
.lang-bottom .menu-lang { font-weight: 600; color: #000; text-transform: uppercase }
.lang-bottom .menu-lang a:not(.active) { color: #000 }
.lang-bottom.white, .lang-bottom.white .menu-lang a:not(.active) { color: #fff }
.lang-bottom .menu-lang a:hover, .lang-bottom.white .menu-lang a:hover { color: #baa460 }
#pp-nav { z-index: 99; width: 2.1428rem; margin-top: 0 !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
#pp-nav .pp-nav-up, #pp-nav .pp-nav-down { display: none; font-size: 2.1428rem; cursor: pointer; color: #000; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#pp-nav .pp-nav-up { margin-bottom: 42px }
#pp-nav .pp-nav-down { margin-top: 42px }
#pp-nav li, .pp-slidesNav li { margin: 23.136px auto; width: 10px; height: 10px }
#pp-nav span, .pp-slidesNav span { left: 0; top: 0; cursor: pointer; width: 10px; height: 10px; background: #000; border: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
#pp-nav .pp-nav-up:hover, #pp-nav .pp-nav-down:hover, #pp-nav.white .pp-nav-up:hover, #pp-nav.white .pp-nav-down:hover { color: #baa460 }
#pp-nav.white .pp-nav-up, #pp-nav.white .pp-nav-down { color: #fff }
#pp-nav.white span, .pp-slidesNav span { background: #fff }
#pp-nav li .active span, .pp-slidesNav .active span, #pp-nav span:hover, .pp-slidesNav span:hover { background: #baa460 }
.pagepiling .section { background: #272727; padding-top: 135.6px; padding-bottom: 84px }
.pagepiling .section-1.pp-scrollable .vertical-centred { padding-top: 120px; padding-bottom: 132px }
.pagepiling .pp-scrollable { padding: 0 }
.pp-scrollable .vertical-centred { padding-top: 135.6px; padding-bottom: 84px }
.scroll-wrap { position: relative; min-height: 100% }
.scrollable-content { white-space: nowrap; width: 100%; font-size: 0 }
.scrollable-content:before { content: ''; display: inline-block; height: 100vh; vertical-align: middle }
.vertical-centred { width: 100%; height: 100%; display: inline-block; vertical-align: middle; white-space: normal; font-size: 1rem }
.boxed-inner { position: relative; padding: 0 }
.section-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-position: center }
.vertical-title { position: absolute; white-space: nowrap; width: 0; top: -6.6px; left: 58.8px; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
.vertical-title span { display: block; float: right }
.section .intro { opacity: 0; -webkit-transition: opacity 1s .3s ease; -o-transition: opacity 1s .3s ease; transition: opacity 1s .3s ease }
.section:not(.section-1) .intro { -webkit-transform: translateY(84px); -ms-transform: translateY(84px); -o-transform: translateY(84px); transform: translateY(84px); -webkit-transition: all .35s .6s ease; -o-transition: all .35s .6s ease; transition: all .35s .6s ease }
.section.active .intro { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
.subtitle-top { line-height: 1.714; margin-bottom: 33.6px; letter-spacing: .1em }
.hr-bottom { position: absolute; margin-top: 13vh; margin-bottom: 0; height: 3.4296px; width: 85.704px; background: #baa460 }
.title-uppercase { text-transform: uppercase; letter-spacing: -.025em; line-height: 1.33333; margin: 0 0 60px }
.service-list { margin-bottom: 60px; font-size: 1.2857rem; padding-left: 0; list-style: none; text-transform: uppercase; letter-spacing: -.025rem; font-weight: 300 }
.service-list li { margin-bottom: 8.4px }
.service-list li a { color: inherit }
.service-list li a:hover { color: #fff; text-decoration: none }
.dots-image-2 { display: inline-block; position: relative }
.dots-image-2 .dots { position: absolute; z-index: -1; left: -25%; bottom: -19%; width: 101%; top: 50%; opacity: .8; background: url(../images/bg/dots.png) 0 0 repeat }
.dots-image-2 .experience-info { position: absolute; left: 12%; margin-top: -52.8px; top: 100% }
.experience-info .number { display: inline-block; font-weight: 600; line-height: 1; font-size: 128.52px; margin-right: 20.4px }
.experience-info .text { display: inline-block; font-size: 18.852px; font-weight: 600; line-height: 1.181; text-transform: uppercase }
.bg-changer { position: absolute; left: 0; width: 100%; height: 100%; overflow: hidden }
.bg-changer .section-bg { opacity: 0; will-change: opacity,transform; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: opacity .5s .2s ease,transform 5s .2s ease; -o-transition: opacity .5s .2s ease,transform 5s .2s ease; transition: opacity .5s .2s ease,transform 5s .2s ease }
.bg-changer .active { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) }
.bg-changer .section-bg:first-child { opacity: 1 }
.section-3 .vertical-title { top: 88.8px }
.row-project-box { margin-top: -30px }
.col-project-box { margin-top: 30px }
.project-box { display: block; padding-bottom: 30%; position: relative; border: 1px solid #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.project-box-inner { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 25.68px 23.136px }
.project-box h5 { margin: 0; color: #fff }
.project-category { color: #cccccc; margin-top: 6px }
.project-box:hover { background: #baa460; text-decoration: none; border-color: transparent }
.project-box:hover h5 { color: #000 }
.project-box:hover .project-category { color: #666666 }
.link-arrow.h5 { text-transform: uppercase; letter-spacing: -.025rem; margin-bottom: 0 }
.link-arrow.h5 .icon-chevron-right { font-size: 1.8rem; margin-top: -5.4px }
.section-3 .link-arrow.h5 { margin-top: 48px }
.section-4 h2 { margin-bottom: 84px }
.icon-quote { display: inline-block; margin-top: -7.2px; color: #baa460; font-size: 61.68px }
.section-5 .title-uppercase { margin-top: 7vh; margin-bottom: 36px }
.review-carousel .text { font-family: 'Libre Baskerville',serif; font-size: 1.142rem; line-height: 1.875 }
.review-author { margin-top: 68.4px }
.author-name { font-size: 1.2857rem; line-height: 1.333; font-weight: 600 }
.review-carousel .owl-nav { position: relative; top: 0; margin-top: 7.7vh; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none }
.review-carousel .owl-prev, .review-carousel .owl-next { font-size: 1.2857rem; width: 42.84px; height: 42.84px; line-height: 42.84px; border: 1px solid #fff; color: #fff; text-align: center; margin-right: 10.284px }
.review-carousel .owl-prev:before { font-family: 'Linearicons'; content: "\e93b" }
.review-carousel .owl-next:before { font-family: 'Linearicons'; content: "\e93c" }
.review-carousel .owl-prev:hover, .review-carousel .owl-next:hover { background: #fff; color: #000 }
.review-carousel .owl-prev.disabled, .review-carousel .owl-next.disabled { cursor: default }
.review-carousel .owl-prev.disabled:hover, .review-carousel .owl-next.disabled:hover { background: none; color: #fff }
.map-2 { width: 100%; height: 216px; border: 0; text-align: center }
.contact-info { overflow: hidden; margin-top: 66px }
.row-contact-info { margin: -60px -4% 0 }
.success-message, .error-message { display: none; margin-top: 24px }
.col-contact-info { padding: 0 4%; margin-top: 60px; padding-top: 60px; border-top: 1px solid #3c3c3c }
.col-contact-info:first-child { border-top: 0; padding-top: 0 }
.contact-info h3 { font-size: 1.92rem; line-height: 1.06; letter-spacing: -.025em; text-transform: uppercase; margin: 0 0 24px 0 }
.contact-info .col-right { word-wrap: break-word; padding-left: 0; padding-right: 0 }
.contact-info-row { line-height: 1.5; margin-bottom: 25.68px }
.contact-info-row:last-child { margin-bottom: 0 }
.contact-info-row strong { font-size: 1.1428rem; text-transform: uppercase }
.display-1 { font-size: 51.36px; line-height: 1; letter-spacing: -.05em; margin: 0 }
.display-2 { font-size: 61.68px; line-height: 1; letter-spacing: -.05em; margin: 0; text-transform: uppercase }
.text-display-1 { font-size: 20.568px; line-height: 2; letter-spacing: 0 }
.text-display-1 p { margin-bottom: 42px }
.text-display-1 p:last-child { margin-bottom: 0 }
.title-hr { width: 84px; max-width: 100%; height: 3.36px; background: #baa460 }
.title-info { font-size: 15.36px; letter-spacing: .1em; text-transform: uppercase; font-weight: 600; margin-bottom: 16.8px }
.page-header, .page-header-2, .page-header-3 { border-bottom: 0; margin: 96px 0 84px; padding: 0 }
.page-header h1, .page-header-2 h1, .page-header-3 h1 { margin: 0 }
.page-header-3 .title-hr { margin-bottom: 32.4px }
.page-inner { margin-top: 123.36px }
.section-info { color: #999999; line-height: 1.111; font-size: 15.36px; text-transform: uppercase; font-weight: 600 }
.section-info { margin-bottom: 48px }
.section-info .title-hr { margin: 0 0 24px }
.info-title { width: 1px }
.bg-dots { background: url(../images/bg/dots2.png) 0 0 repeat }
.js-isotope { overflow: hidden }
.filter-content-2 { margin-bottom: 70.8px }
.filter-content-2 .filter li, .filter-content-3 .filter li, .filter-content-4 .filter li { margin-right: 48px }
.filter-content-3 { margin-bottom: 55.2px }
.filter-content-4 { margin: 72px 0 108px }
.grid-items { margin: -30px -15px 0 -15px }
.grid-items:after { content: ''; clear: both; display: block }
.grid-item { float: left; padding: 30px 15px 0 15px }
.project-hover-2 { position: absolute; z-index: 2; left: 0; top: 0; width: 100.1%; height: 100%; padding: 32.52px; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease }
.project-hover-2 .icon-plus { opacity: 0; position: absolute; color: #000; right: 32.52px; font-size: 36px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease }
.project-hover-2 .project-title { opacity: 0; position: absolute; bottom: 32.52px; color: #000; -webkit-transform: translateX(-24px); -ms-transform: translateX(-24px); -o-transform: translateX(-24px); transform: translateX(-24px); -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease }
.project-item:hover .project-hover-2 { background-color: rgba(186,164,96,.85) }
.project-item:hover .project-hover-2 .project-title, .project-item:hover .project-hover-2 .icon-plus { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
.sly { position: relative; overflow: hidden }
.slidee { list-style: none; padding-left: 0 }
.sly ul { list-style: none; margin: 0; padding: 0; height: 100%; overflow: hidden }
.sly ul li { float: left; width: 400px; height: 100%; margin: 0 30px 0 0; padding: 0 }
.prev, .next { position: absolute; top: 50%; color: #fff; font-size: 48px; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.prev.disabled, .next.disabled { opacity: .5 }
.prev:hover, .next:hover { color: #baa460 }
.prev { left: 30px }
.next { right: 30px }
.scrollbar { margin: 81.6px 0 0; height: 1px; background: #3c3c3c; line-height: 0 }
.scrollbar .handle { position: relative; top: -2px; width: 100px; height: 3px; background: #999999; cursor: pointer }
.scrollbar .handle .mousearea { position: absolute; top: -9px; left: 0; width: 100%; height: 20px }
.project-detail { position: relative; overflow: hidden }
.project-detail-item { min-height: 420px; background-size: cover; background-position: 50% 50%; padding: 81.36px 134.4px }
.project-detail-info { background-color: #272727; padding: 39.6px }
.project-detail-control { display: inline-block; text-transform: uppercase; letter-spacing: .1em; font-weight: 600; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.project-detail-control:hover { color: #baa460 }
.project-detail-control .show-info { display: none }
.project-detail-control.active .show-info { display: block }
.project-detail-control.active .hide-info { display: none }
.project-detail-title { font-size: 30.84px; letter-spacing: -.025em; line-height: 1.16666; margin: 36px 0 28.8px 0 }
.project-detail-list { list-style: none; padding-left: 0; margin-top: 43.2px }
.project-detail-list li { border-bottom: 1px solid #3c3c3c; padding-bottom: 7.2px; margin-top: 7.8px; overflow: hidden }
.project-detail-list li:last-child { padding-bottom: 0; border-bottom: 0 }
.project-detail-list li .left { float: left; font-weight: 600 }
.project-detail-list li .right { float: right }
.project-detail-meta { margin-top: 54px; overflow: hidden }
.project-detail-meta .left { font-weight: 600 }
.card img { display: block; width: 100% }
.card-block { background: #333333; padding: 30px; line-height: 1.714; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s }
.card-posted { margin-bottom: 9.6px }
.card-posted a { color: #fff }
.card-title { letter-spacing: 0; margin: 0 }
.card-text { margin-top: 24px }
.card-read-more { display: inline-block; margin-top: 24px; font-weight: 600; color: #fff }
.card-read-more:hover { color: #fff }
.card:hover .card-block { background: #baa460; color: #666 }
.card:hover .card-block .card-posted a, .card:hover .card-title, .card:hover .card-read-more { color: #000 }
.card-row { position: relative; background: #333333; -webkit-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; margin-bottom: 60px }
.card-row:last-child { margin-bottom: 0 }
.card-row-img { position: absolute; left: 0; top: 0; padding: 0; height: 100%; background-size: cover; background-position: center 0 }
.card-row-img img { width: 100% }
.card-row .card-block { padding: 43.2px; background: transparent }
.card-row .card-read-more { margin-top: 7vw }
.card-row:hover { color: #666; background: #baa460 }
.card-row:hover .card-title, .card-row:hover .card-posted a, .card-row:hover .card-read-more { color: #000 }
.secondary { margin-top: 72px }
.post-gallery { position: relative; overflow-y: hidden }
.header-space { margin-top: 84px }
.post-thumbnail { background: url(../images/news/1-1920x1080.jpg) 50% no-repeat; background-size: cover; padding: 196.8px 15px 228px }
.post-thumbnail h1, .post-thumbnail .title-info { color: #fff }
.page-content { margin-top: 98.4px }
.page-content-2 { margin-top: 79.2px }
.posted-on { font-size: 1.142rem; margin-bottom: 84px }
.posted-on a { color: #fff }
.posted-on a:hover { color: #baa460; text-decoration: none }
.entry-title { margin: 0 0 30px; letter-spacing: -.05em; line-height: 1.125 }
.entry-description { letter-spacing: 0; font-weight: 400; line-height: 1.6; margin-bottom: 57.6px; margin-top: 0 }
.entry-content { font-size: 15px; line-height: 1.666; font-weight: 300; letter-spacing: 0 }
.row-images { padding: 54.48px 0 }
.row-images .col-image { margin-top: 30px }
.row-images .col-image:first-child { margin-top: 0 }
.row-images .col-image img { width: 100% }
.entry-footer { padding-top: 48px }
.tags-links span { color: #fff }
.tags-links, .tags-links a { color: #999999 }
.tags-links a:hover { color: #cc0000; text-decoration: none }
.post-share { margin-top: 12px }
.post-share span { color: #fff }
.post-share a { color: #cccccc; font-size: 1.4rem; vertical-align: middle; margin-left: 9.6px }
.post-share a:hover { color: #baa460 }
.related-posts { margin-top: 72px; padding-top: 72px; border-top: 1px solid #383838 }
.related-post-title { margin: 0 }
.section-comments { margin-top: 81.6px; padding: 87.6px 15px; background-color: #333 }
.comments-title { margin: 0; margin-bottom: 34.2px }
.comment-list { padding-left: 0; list-style: none }
.comment .avatar { float: left; margin-right: 25.68px }
.comment-content { overflow: hidden; padding: 14.4px 0 36px 18px; border-top: 1px solid #515151 }
.comment-content p { margin-bottom: 0 }
.comment-metadata { margin-bottom: 7.2px }
.comment-metadata .fn a { color: #fff }
.comment-metadata .fn a:hover { color: #baa460; text-decoration: none }
.comment-time { color: #999999; font-size: 11px; text-transform: uppercase }
.comment-time:hover { color: #fff; text-decoration: none }
.reply { margin-top: 8.4px }
.reply a { color: #999999; font-style: italic }
.reply a:hover { color: #0099cc; text-decoration: none }
.comment-reply-title small { float: right; margin-top: 6px }
.widget { margin-bottom: 54px; padding-bottom: 60px; border-bottom: 1px solid #3c3c3c }
.widget:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 }
.widget-title { font-size: 1.2758rem; letter-spacing: 0; margin: 0 0 36px }
.widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_recent_entries li, .widget_nav_menu li { margin-top: .5em }
.widget_archive li a, .widget_categories li a, .widget_pages li a, .widget_meta li a, .widget_recent_entries li a, .widget_nav_menu li a { color: #666666 }
.widget_archive li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_meta li a:hover, .widget_recent_entries li a:hover, .widget_nav_menu li a:hover { color: #baa460; text-decoration: none }
.widget_categories li { text-align: right; display: flex; }
.widget_categories li a { float: left }
.search-form { position: relative }
.search-form .search-field { background: #313131; border-color: transparent }
.search-form .search-field:focus { background: none }
.search-submit { position: absolute; background: none; border: 0; right: 9.6px; top: 13.2px }
.search-submit:focus { outline: none }
.widget ul { list-style: none; padding-left: 0; margin: 0 }
.widget_twitter li { margin-bottom: 26.4px }
.widget_twitter li:last-child { margin-bottom: 0 }
.widget_twitter li a { color: #0099cc }
.tweet-time { display: block; margin-top: 4.8px; font-size: .857rem; display: block; color: #999999; text-transform: uppercase }
.widget-all-items { display: inline-block; margin-top: 16.8px; color: #999999; font-size: .928rem; text-transform: uppercase; font-weight: 600 }
.widget-all-items:hover { text-decoration: none }
.widget_recent_posts li { overflow: hidden; margin-bottom: 26.568px }
.widget_recent_posts li:last-child { margin-bottom: 0 }
.recent-post-thumbnail { float: left; margin-right: 18px }
.recent-post-content { overflow-y: hidden; line-height: 1.29 }
.post-title { display: inline-block; font-weight: 600; letter-spacing: 0; color: #fff }
.post-title:hover { color: #baa460; text-decoration: none }
.post-time { display: block; margin-top: 7.2px; font-size: .857rem; color: #999999 }
.about-info { padding-top: 0 }
.content-entry-image { padding-top: 38%; min-height: 336px; background: url(../images/1-1920x800.jpg) 50%; background-size: cover }
.row-services { margin: -48px -30px 0 -30px }
.col-service { margin-top: 48px; padding: 0 30px }
.col-service h4 { margin-top: 39.6px }
.col-service p { margin-bottom: 0 }
.row-partners { margin: -60px -60px 0 }
.col-partner { padding: 0 60px; margin-top: 60px; display: inline-block }
.col-partner img { max-width: 100%; opacity: .4 }
.col-partner:hover img { opacity: 1; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s }
.row-team { margin-top: -30px }
.col-team { margin-top: 30px }
.team-profile { position: relative }
.team-profile img { width: 100%; display: block }
.team-hover { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(186,164,96,.85); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.team-content { position: absolute; left: 22.284px; bottom: 9.6px }
.team-name { margin-bottom: 3.6px }
.team-name h6 { margin: 0; color: #000 }
.team-spec { color: #666 }
.team-social a { float: left; color: #000; font-size: 1.25rem; margin-right: 18px }
.team-social a:hover { color: #fff; text-decoration: none }
.team-profile:hover .team-hover { opacity: 1 }
.add-new-team { position: relative; border: 1px solid #bfbfbf; padding-top: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.add-new-text { position: absolute; left: 0; width: 100%; top: 50%; text-align: center; font-size: 1.285rem; line-height: 1.1111; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.add-new-text .inner { display: inline-block; text-align: left }
.add-new-team input[type="file"] { position: absolute; cursor: pointer; opacity: 0; left: 0; top: 0; width: 100%; height: 100% }
.add-new-team:hover { background: #baa460; border-color: transparent }
.map { width: 100%; height: 312px; border: 0; text-align: center }
.map-info { color: #000; text-align: left; padding: 12px 0 }
.map-address-row { margin-bottom: 12px; font-size: 1rem; line-height: 1.4 }
.map-address-row .fa { margin-right: 6px }
.gmap-open { margin: 24px 0 0 }
.row-contact { margin: -72px -42px 0 }
.col-contact { margin-top: 72px; padding: 0 42px }
.contact-title { letter-spacing: 0; margin: 0 }
.contact-top { margin-bottom: 15.6px }
.contact-title span { color: #ccc; font-weight: 400 }
.contact-address { font-size: 1.142rem; line-height: 1.875; letter-spacing: -.025rem; margin-bottom: 24px }
.contact-row { margin-bottom: 7.2px }
.phone-lg { font-size: 2.142rem; line-height: 1.3; margin-bottom: 43.2px }
.contact-social { margin-top: 12px }
.contact-social a { color: #999999; font-size: 1.3rem }
.section-message { padding-top: 96px }
.footer { color: #fff; line-height: 1.71 }
.footer ul { list-style: none; padding: 0; margin: 0 }
.footer ul li a { color: #fff }
.footer ul .active a, .footer ul li a:hover { color: #baa460; text-decoration: none }

/* ===== FOOTER 4 COLUMN LAYOUT (CLEAN) ===== */

#footer .footer-flex { display: flex; align-items: flex-start; justify-content: space-between; gap: 48px; flex-wrap: wrap; /* taşarsa alta geçsin */ margin-top: 0; /* hack yok */ }

#footer .footer-flex > .flex-item { margin-top: 0; flex: 1 1 220px; /* responsive temel */ min-width: 0; }

#footer .footer-flex > .flex-item:first-child { padding-right: 48px; margin-right: 12px; border-right: 1px solid #3c3c3c; }

/* Desktop: 4 sütun */
@media (min-width: 992px) {
	#footer .footer-flex { flex-wrap: nowrap; }
	#footer .footer-flex > .flex-item { flex: 0 0 calc(25% - 36px); }
}

/* Footer link listeleri */
#footer .footer-flex ul { list-style: none; padding: 0; margin: 0; }
#footer .footer-flex li { margin: 0 0 10px 0; }
#footer .footer-flex a { color: #fff; text-decoration: none; }
#footer .footer-flex a:hover { color: #baa460; }

@media (max-width: 991px) {
	#footer .footer-flex > .flex-item:first-child { padding-right: 0; margin-right: 0; border-right: 0; padding-bottom: 18px; border-bottom: 1px solid #3c3c3c; }
}

.footer-alt { margin-bottom: 20px; padding: 18px 0; }
.footer-alt .footer-alt-inner { display: flex; align-items: center; justify-content: space-between; width: 100%; }
.footer-alt .left { color: #fff; font-size: 14px; line-height: 1.4; margin: 0; }
.footer-alt .right { display: flex; align-items: center; justify-content: flex-end; }
.footer-alt .right a { display: inline-flex; align-items: center; }
.footer-alt .right img.mymedya { width: 34px; height: auto; display: block; position: relative; top: -3px; }

@media (max-width:576px) {
	.footer-alt { flex-direction: column; align-items: flex-start; }
	.footer-alt .right { width: 100%; justify-content: flex-start; }
}

@media (min-width:768px) {
	html { font-size: 13px }
	.pull-sm-left { float: left }
	.pull-sm-right { float: right }
	.menu { width: 50% }
	.boxed { padding-left: 39px; padding-right: 39px }
	.boxed-inner { padding-left: 0 }
	.right-boxed { right: 39px }
	.left-boxed { left: 39px }
	.section-about { padding-top: 156px }
	.section-projects .filter { margin-right: 182px }
	.section-projects .view-projects { position: relative; float: right }
	.sly ul li { width: 555px }
	.project-box { padding-bottom: 75% }
	.row-contact-info { margin-top: -26px }
	.col-contact-info { padding-top: 52px; margin-top: 26px }
	.footer-flex .flex-item { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25% }
}

@media (min-width:992px) {
	html { font-size: 14px }
	.pull-md-right { float: right }
	.menu { width: 35% }
	.boxed { padding-left: 60px; padding-right: 60px }
	.right-boxed { right: 60px }
	.left-boxed { left: 60px }
	.boxed-inner .boxed { padding-left: 84px }
	.service-list { margin-bottom: 0 }
	.col-contact-info { border-top: 0; padding-top: 0 }
	.row-contact-info { margin-top: -70px }
	.col-contact-info { margin-top: 70px }
	.page-header { margin: 179.2px 0 151.2px }
	.page-header-2 { margin: 121.8px 0 147px }
	.page-header-3 { margin: 128.8px 0 170.8px }
	.page-header-3 .title-hr { margin: 12.6px 0 0 }
	.about-info .section-info .title-hr { margin-top: 14px }
	.secondary { padding: .5rem 0 0 84px; margin-top: 0 }
	.post-thumbnail { padding-left: 0; padding-right: 0 }
	.about-info { padding-top: 16.8px }
	.map { height: 504px }
	.col-contact-info:nth-child(2n) { border-left: 1px solid #3c3c3c }
}

@media (min-width:1200px) {
	.pull-lg-right { float: right }
	.section-projects .filter-content { margin-top: 0 }
	.section-3 .link-arrow.h5 { float: right; margin-top: -18.2px }
	.section-5 .title-uppercase { margin-top: 22vh; margin-bottom: 0 }
	.sly ul li { width: 685px }
	.section-5 .vertical-centred { padding-top: 238px; padding-bottom: 112px }
	.col-contact-info { border-left: 1px solid #3c3c3c }
	.footer-flex .flex-item { -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none }
}

@media (min-height:500px) {
	#pp-nav .pp-nav-up, #pp-nav .pp-nav-down { display: block }
}

@media (min-height:600px) {
	.menu .menu-lang { top: 98px }
	.menu-list { top: 140px; bottom: 280px }
	.menu-list > li { font-size: 2.571rem }
	.menu-footer { bottom: 84px }
	.menu-footer .copy { display: block }
}

@media (min-height:700px) {
	.copy-bottom { display: block }
	.lang-bottom { display: block }
}

/* Tüm hakları saklıdır. My Medya® izni olmadan kopyalanamaz ve çoğaltılamaz. | mymedya.com.tr */
/* Tous droits réservés. My Medya® ne peut être copié ni reproduit sans autorisation. | mymedya.com.tr */
/* Alle rechten voorbehouden. My Medya® mag niet worden gekopieerd of gereproduceerd zonder toestemming. | mymedya.com.tr */
/* All rights reserved. My Medya® may not be copied or reproduced without permission. | mymedya.com.tr */