/*
Theme Name: BlankSlate
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2015 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

@font-face {
  font-family: "apexnewbook";
  src: url("fonts/apexnewbookwebfont.eot");
  src: local("apexnewbookwebfont"),
    url("fonts/apexnewbookwebfont.woff") format("woff"),
    url("fonts/apexnewbookwebfont.ttf") format("truetype");
}

@font-face {
  font-family: "apexnewlight";
  src: url("fonts/Apex New Light.otf");
}

@font-face {
  font-family: "apexnewbold";
  src: url("fonts/ApexNew-Bold.otf"), url("fonts/ApexNew-Bold.otf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "apexnewmedium";
  src: url("fonts/ApexNew-Medium.otf");
}

@font-face {
  font-family: "apexnewheavy";
  src: url("fonts/ApexNew-Heavy.otf");
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-size: 100%;
  font: inherit;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

.clear {
  clear: both;
}

.sticky {
}

.bypostauthor {
}

.wp-caption {
}

.wp-caption-text {
}

.gallery-caption {
}

.alignright {
}

.alignleft {
}

.aligncenter {
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.trans {
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

/*.box_shadow {-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3); box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);}*/

body {
  font-family: "Verdana";
}
.form-title {
  display: flex;
  width: 600px;
  height: 40px;
  flex-direction: column;
  justify-content: center;
  color: #353535;
  font-family: "apexnewlight";
  font-size: 35px;
  font-style: normal;
  font-weight: 450;
  line-height: 41.33px;
  margin-top: 89px;
  margin-bottom: 32px;
}

img.img-fluid {
  margin-top: 90px;
}
.wpcf7 input[type="submit"] {
  display: none;
}
.newsletter-exlclusive {
  width: 189%;
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

/* /end newsletter */

.white_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: #fff;
  z-index: 99999;
}

.ctcc-left-side {
  font-size: 15px;
}

#catapultCookie {
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

#catapultCookie:hover {
  color: #333;
}

/*===================head*/

#header #menu .qtranxs_language_chooser li:first-child {
  display: block !important;
}

.qtranxs_language_chooser {
  margin-left: 50px;
}

.qtranxs_language_chooser li a,
.qtranxs_language_chooser li span {
  font-size: 10px;
  line-height: 15px;
}

#menu .qtranxs_language_chooser li {
  margin-left: 0;
}

.qtranxs_language_chooser .lang-en a:before {
  content: "/";
  float: right;
  font-size: 10px;
  margin-top: 3px;
  padding: 0 1px;
}

.qtranxs_language_chooser li a:after {
  margin: 0;
}

#header {
  width: 100%;
  background: url(images/header_pattern.jpg) no-repeat center center;
  background-size: cover;
  padding: 15px 0;
  z-index: 100 !important;
}

.logo {
  display: block;
  float: left;
  width: 81px;
  height: 54px;
  background: url(images/logo_tns.png) no-repeat center center;
  background-size: 81px;
}

.mobile_button {
  display: none;
}

#menu {
  margin-top: 20px;
  margin-right: 20px;
}

#menu ul {
  float: right;
}

/*#header #menu ul li:first-child {display: none;}*/

#menu ul li {
  float: left;
  margin-left: 40px;
}

#menu ul li a {
  color: #fff;
  font-size: 15px;
  text-align: center;
}
.page-template-tpl-facilities_lp #menu ul li a {
  text-decoration: none;
  font: unset !important;
}
.page-template-tpl-facilities_lp #menu ul {
  margin-bottom: 0;
  padding-left: 0px;
}
.page-template-tpl-facilities_lp #menu {
  margin-top: 16px;
}
#menu ul li a:after {
  content: "";
  display: block;
  margin: 0 auto;
  margin-top: 3px;
  width: 0px;
  height: 1px;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

#menu ul li a:hover:after {
  width: 100%;
}

.skrollable {
  position: fixed !important;
  z-index: 99 !important;
  max-width: 100%;
  width: 100%;
  z-index: 9999;
}

#meniu_sticky {
  position: fixed;
  left: -110%;
  top: 0%;
  max-height: 44px;
  overflow-y: hidden;
  z-index: 99999;
}

#meniu_sticky:hover {
  max-height: 430px;
}

#meniu_sticky > a {
  display: block;
  width: 51px;
  height: 44px;
  background: url(images/icon_meniu_sticky.png) no-repeat center center;
  background-size: 51px;
}

#meniu_sticky .menu {
  margin-top: 5px;
}

#meniu_sticky .menu a {
  display: inline-block;
  color: #3e4d54;
  font-size: 12px;
  font-family: apexnewbook;
  padding: 0 15px;
  line-height: 30px;
  margin-bottom: 5px;
  background: rgba(255, 255, 255, 0.8);
}

#meniu_sticky .menu a:hover {
  color: #bf005b;
}

/*===================home*/

body {
  position: relative;
}

.home .ribbon_contact {
  position: fixed;
  background: #3e4d54;
  right: -5px;
  top: 40%;
  padding: 10px;
  z-index: 9999;
  overflow: hidden;
}

.middle_line {
  width: 1px;
  height: 0%;
  left: 50%;
  background: #b81e5a;
  position: absolute;
}

.row_slider {
  padding-top: 115px;
  z-index: 9 !important;
}

/*.row_slider .owl-carousel {-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);}*/

.link_overlay {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 9;
}

.captions {
  position: absolute;
  top: 45%;
  left: 0;
  z-index: 3;
  width: 80%;
  margin-left: 10%;
}

.captions p {
  font-family: apexnewbook;
  font-size: 50px;
  background: rgba(255, 255, 255, 0.9);
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px 10px;
}

.captions > span {
  display: inline-block;
  font-family: apexnewlight;
  font-size: 50px;
  position: relative;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
  padding: 5px 10px;
}

.captions span + span {
  content: "";
  display: none;
  width: 4px;
  height: 4px;
  background: #ec7c23;
  margin: 0 auto;
  margin-top: 15px;
}

.captions1 p,
.captions1 span {
  color: #04aba0;
}

.captions2 p,
.captions2 span {
  color: #bf1e5f;
}

.captions3 p,
.captions3 span {
  color: #ec7c23;
}

/*.captions .type_here {border-bottom: 4px solid #ec7c23;}*/

.owl-prev,
.owl-next {
  position: absolute;
  top: 40%;
  margin-top: -8px;
}

.owl-prev {
  display: block;
  float: left;
  margin-left: -15px;
  width: 60px;
  height: 60px;
  background: #fff url(images/owl_prev.png) no-repeat center center;
  background-size: 9px;
  opacity: 0.5;
  font-size: 1;
  text-indent: -9999px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.owl-prev:hover {
  background: #ba2a5e url(images/owl_prev_h.png) no-repeat center center;
  background-size: 9px;
}

.owl-next {
  display: block;
  right: 0;
  margin-right: -15px;
  width: 60px;
  height: 60px;
  background: #fff url(images/owl_next.png) no-repeat center center;
  background-size: 9px;
  opacity: 0.5;
  font-size: 1;
  text-indent: -9999px;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.owl-next:hover {
  background: #ba2a5e url(images/owl_next_h.png) no-repeat center center;
  background-size: 9px;
}

.go_down {
  display: block;
  width: 51px;
  height: 44px;
  background: url(images/hex_down.png) no-repeat center center;
  background-size: 51px;
  margin-top: -100px;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  z-index: 999;
  cursor: pointer;
}

.go_down:hover {
  background: url(images/hex_down_h.png) no-repeat center center;
  background-size: 51px;
}

.home h2 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.before_after {
  position: relative;
  padding: 5px 0;
  background: #fff;
  z-index: 999;
}

.row_new {
  position: relative;
  z-index: 2;
}

.section_wrapper {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}

.section img {
  width: 100%;
  transform: scale(1.01);
  transition: all 3s ease-in-out 0s;
  -moz-transition: all 3s ease-in-out 0s;
  -webkit-transition: all 3s ease-in-out 0s;
}

.section .section_wrapper {
  position: relative;
}

.section .section_border {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  height: 12px;
  width: 100%;
  z-index: 0;
}

.section:hover .section_border {
  height: 75px;
}

.section:hover img {
  transform: scale(1.1);
}

.section_office .section_border {
  background: #00ab9f;
}

.section_commercial .section_border {
  background: #b81e5a;
}

.section_residential .section_border {
  background: #ec7c23;
}

.section_title {
  position: absolute;
  bottom: 25px;
  left: 15px;
  color: #3e4d54;
  font-size: 30px;
  font-family: apexnewlight;
  z-index: 2;
  opacity: 0;
}

.section:hover .section_title {
  color: #ffffff;
  font-size: 50px;
  bottom: 10px;
  opacity: 1;
}

.row_location {
  position: relative;
  z-index: 1;
}

.row_location img {
  width: 100%;
}

.row_location .col-xs-12 {
  z-index: 2;
}

.row_location svg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.row_location svg > g {
  opacity: 0;
}

.row_location svg text {
  font-family: apexnewbook !important;
  font-weight: bold;
}

.phases_vertical {
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  display: inline-block;
  position: absolute;
  top: 345px;
  left: 50%;
  margin-left: -189px;
  z-index: 99999;
}

.phases_vertical > span {
  display: inline-block;
  margin-right: 10px;
  background: #fff;
  padding: 0 10px;
  color: #3e4d54;
  font-size: 20px;
  float: left;
  vertical-align: bottom;
  padding-top: 5px;
}

.phases_vertical .bullet_wrapper {
  padding: 0;
  margin: 0;
  padding-left: 5px;
  position: static !important;
}

.phases_vertical .bullet_wrapper .bullet {
  position: static !important;
}

.phases_phase {
  position: relative;
}

.phases_vertical span {
  background: #fff;
}

.phases_vertical .bullet {
  display: inline-block;
  opacity: 0.3;
  width: 36px;
  height: 31px;
  background: #fff url(images/bullet_hex_active.png) no-repeat center center;
  vertical-align: middle;
}

.phases_vertical .phase_bullet1 .bullet {
  opacity: 1;
}

.phases_info {
  padding-left: 100px;
  padding-top: 140px;
  padding-right: 140px;
}

/*.phases_info .phase_info {position: absolute !important; padding-right: 150px !important;}*/

.phase_info.phase_info1 {
  opacity: 1;
}

.phase_info.active {
  display: block;
}

.phase_info p {
  color: #3e4d54;
  font-size: 15px;
  font-family: apexnewbook;
  line-height: 1.5;
}

.phase_info .boldit {
  font-weight: 600;
}

.phase_info .details {
  font-size: 15px;
  font-family: apexnewlight;
  color: #9e9fa0;
  text-align: right;
  display: block;
  margin-top: 50px;
}

.phase_info span {
  display: inline-block;
  margin-bottom: 30px;
  color: #3e4d54;
  font-size: 15px;
  font-weight: 400;
}

.row_phases_mobile {
  display: none;
}

.row_phases .col-md-6 {
  padding-top: 30px;
}

.row_phases .col-md-6.line_middle {
  padding: 0;
  padding-top: 30px;
}

.phase_img {
  width: 95%;
  opacity: 0;
  position: absolute !important;
  top: 0;
  left: 2%;
}

/*.phase_img.phase_img1 {position: relative !important; margin-top: 0px;}*/

.phase_img.active {
  opacity: 1;
}

.bxslider img {
  width: 100%;
  position: relative;
  right: -4%;
}

.row_phases .line_middle .bx-viewport {
  overflow: visible !important;
}

.news_content {
  width: 250px;
  padding: 20px;
  background: rgba(0, 0, 0, 0.5);
  float: left;
  margin-left: 60px;
  margin-top: 100px;
  margin-bottom: 30px;
  position: relative;
  z-index: 100 !important;
}

.news_content:hover {
  background: rgba(0, 0, 0, 0.7);
}

/*.news_content:hover .news_hex {background: url(images/news_hex_h.png) no-repeat center center; background-size: 36px;}*/

.news_overlay {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.first_news .news_content {
  float: right;
  margin-right: 60px;
  margin-top: 45px;
}

.news_content h3 {
  font-family: apexnewlight;
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
  line-height: 1.5;
}

.news_content p {
  font-family: apexnewlight;
  font-size: 15px;
  color: #fff;
  margin-bottom: 30px;
  line-height: 1.5;
}

.news_content a {
  float: right;
  color: #fff;
  font-family: apexnewlight;
  font-size: 15px;
}

.news_content:hover a {
  color: #b81e5a;
}

.display_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.news_content img {
  position: absolute;
  bottom: 10px;
  left: -79px;
  left: initial;
  z-index: 9;
}

.first_news .news_content img {
  position: absolute;
  top: 10px;
  right: -80px;
  left: initial;
  z-index: 9;
}

.news_content span {
  display: block;
  width: 45px;
  position: absolute !important;
  bottom: 25px;
  left: -43px;
  height: 1px;
  background: #b81e5a;
}

.first_news .news_content span {
  display: block;
  width: 45px;
  position: absolute !important;
  top: 25px;
  right: -43px;
  left: initial;
  height: 1px;
  background: #b81e5a;
}

.news_hex {
  position: absolute;
  bottom: 10px;
  left: -78px;
  left: initial;
  z-index: 9;
  display: inline-block;
  width: 36px;
  height: 31px;
  background: url(images/news_hex_h.png) no-repeat center center;
  background-size: 36px;
}

.first_news .news_hex {
  position: absolute;
  top: 10px;
  right: -78px;
  left: initial;
  z-index: 100 !important;
}

.news_hex:hover {
  background: url(images/news_hex_h.png) no-repeat center center;
  background-size: 36px;
}

.middle_line_news {
  height: 0;
  position: absolute !important;
  left: 50%;
  width: 1px;
  top: 0;
  background: #b81e5a;
  z-index: 1;
}

.row_developer .line_middle {
  padding-left: 80px;
  padding-top: 10px;
  padding-right: 100px;
}

.row_developer p {
  font-family: apexnewbook;
  font-size: 18px;
  color: #3e4d54;
  margin-bottom: 10px;
  line-height: 1.5;
}

.row_developer li {
  list-style-type: none;
  font-family: apexnewbook;
  font-size: 15px;
  color: #3e4d54;
  background: url(images/list_bullet.jpg) no-repeat left center;
  padding-left: 20px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.row_developer .developer_img {
  width: 100%;
}

#sectiune_aboutus_img {
  padding-right: 140px;
  padding-left: 100px;
}

.row_developer .residential_line {
  top: 20%;
}

.row_developer .div_right .residential_line {
  top: 80%;
  bottom: initial;
}

.button_hex {
  display: block;
  width: 135px;
  height: 44px;
  position: relative;
  overflow: hidden;
}

.button_hex img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}

.button_hex span {
  display: block;
  font-size: 15px;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 44px;
  color: #b81e5a;
}

.button_hex:hover span {
  color: #fff;
}

.button_hex:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #b81e5a;
  -moz-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -moz-transform: scale3d(1, 2, 1);
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -moz-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.button_hex:hover:before {
  -webkit-transform: scale3d(9, 9, 1);
  transform: scale3d(9, 9, 1);
}

.row_developer .button_hex {
  margin-top: 30px;
}

.purple_hex {
  display: inline-block;
  width: 51px;
  height: 44px;
  background: url(images/purple_hex.png) no-repeat center center;
  background-size: 51px;
  cursor: pointer;
  margin-bottom: 30px;
}

.purple_hex:hover {
  background: url(images/purple_hex_h.png) no-repeat center center;
  background-size: 51px;
}

.button {
  position: relative;
  display: block;
  background: transparent;
  width: 135px;
  height: 44px;
  line-height: 46px;
  text-align: center;
  font-size: 15px;
  text-decoration: none;
  margin: 30px auto;
  color: #b81e5a !important;
}

.button .before:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #cd628c;
  -moz-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -moz-transform: scale3d(1, 2, 1);
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -moz-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.button:hover .before:before {
  -webkit-transform: scale3d(9, 9, 1);
  transform: scale3d(9, 9, 1);
}

.button .after:before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #cd628c;
  -moz-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -moz-transform: scale3d(1, 2, 1);
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -moz-transition: -webkit-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.button:hover .after:before {
  -webkit-transform: scale3d(9, 9, 1);
  transform: scale3d(9, 9, 1);
}

.button .before,
.button .after {
  width: 135px;
  left: 0px;
  height: 22px;
  z-index: 0;
  overflow: hidden;
}

.button .button_text {
  z-index: 1;
  position: relative;
}

.button .before {
  position: absolute;
  content: "";
  border: 2px solid #b81e5a;
  border-bottom: none;
  -webkit-transform: perspective(15px) rotateX(5deg);
  -moz-transform: perspective(15px) rotateX(5deg);
  transform: perspective(15px) rotateX(7deg);
}

.button .after {
  position: absolute;
  top: 24px;
  content: "";
  border: 2px solid #b81e5a;
  border-top: none;
  -webkit-transform: perspective(15px) rotateX(-5deg);
  -moz-transform: perspective(15px) rotateX(-5deg);
  transform: perspective(15px) rotateX(-7deg);
}

.button:hover {
  color: #fff !important;
}

.acceptance-nl .wpcf7-list-item {
  margin: 0px;
}

/*=====================location*/

.row_location_header {
}

.row_location_header h1 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

#map {
  width: 100%;
  height: 450px;
}

.infobox {
  background: rgba(187, 41, 94, 0.8);
  padding: 15px;
  text-align: center;
  font-family: apexnewbook;
  color: #fff;
  font-size: 12px;
  position: relative;
}

.infobox.infobox1 {
  color: #bb295e;
  font-size: 30px;
  padding: 0;
  font-weight: bold;
  background: url(images/icon_infobox.png) no-repeat left center;
  padding-left: 40px;
  height: 52px;
  line-height: 52px;
  width: 350px;
  white-space: nowrap;
}

.infobox:after {
  content: "";
  display: block;
  width: 21px;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -11px;
  background: url(images/location_arrow_pink.png) no-repeat center center;
}

.infobox1:after {
  content: "";
  display: block;
  width: 42px;
  height: 16px;
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -21px;
  background: none;
}

.map_sidebar {
  width: 280px;
  position: absolute;
  z-index: 9;
  top: 10px;
  left: 30px;
  background: rgba(255, 255, 255, 0.8);
  padding: 0 15px;
}

.map_sidebar_button {
  display: none;
}

.map_sidebar a {
  display: block;
  padding: 10px;
  padding-left: 75px;
  border-bottom: 1px solid #edebea;
  font-size: 15px;
  color: #3e4d54;
  line-height: 1.5;
  font-family: apexnewbook;
}

.map_sidebar a:hover,
.map_sidebar a.active {
  padding-left: 80px;
  color: #be1e5e;
}

.map_sidebar .change_infoboxes {
  background: url(images/icon_default.png) no-repeat left 15px center;
}

.map_sidebar .icon_all,
.map_sidebar .icon_all:hover,
.map_sidebar .icon_all.active {
  background: url(images/icon_all.png) no-repeat left 15px center;
}

.map_sidebar .icon_banks {
  background: url(images/icon_banks.png) no-repeat left 15px center;
}

.map_sidebar .icon_banks:hover,
.map_sidebar .icon_banks.active {
  color: #ecba4f;
}

.map_sidebar .icon_hospitals {
  background: url(images/icon_hospitals.png) no-repeat left 15px center;
}

.map_sidebar .icon_hospitals:hover,
.map_sidebar .icon_hospitals.active {
  color: #67b6bf;
}

.map_sidebar .icon_malls {
  background: url(images/icon_malls.png) no-repeat left 15px center;
}

.map_sidebar .icon_malls:hover,
.map_sidebar .icon_malls.active {
  color: #f37d7e;
}

.map_sidebar .icon_parks {
  background: url(images/icon_parks.png) no-repeat left 15px center;
}

.map_sidebar .icon_parks:hover,
.map_sidebar .icon_parks.active {
  color: #4c9d4c;
}

.map_sidebar .icon_education {
  background: url(images/icon_education.png) no-repeat left 15px center;
}

.map_sidebar .icon_education:hover,
.map_sidebar .icon_education.active {
  color: #8689c3;
}

.map_sidebar .icon_transport {
  background: url(images/icon_transport.png) no-repeat left 15px center;
}

.map_sidebar .icon_transport:hover,
.map_sidebar .icon_transport.active {
  color: #1a7567;
}

.map_sidebar .icon_tourist {
  background: url(images/icon_tourist.png) no-repeat left 15px center;
}

.map_sidebar .icon_tourist:hover,
.map_sidebar .icon_tourist.active {
  color: #ad7db4;
}

.infobox {
  -webkit-animation: fadeIn 300ms;
  /* Chrome, Safari, Opera */
  animation: fadeIn 500ms;
}

.infobox.infobox1 {
  -webkit-animation: none;
  animation: none;
}

/* Chrome, Safari, Opera */

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Standard syntax */

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.row_location_how h2 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.location_tabs {
  position: absolute !important;
  left: 100px;
  top: 0;
  padding-right: 100px;
}

.location_tabs h3 {
  color: #be1e5e;
  font-size: 30px;
  font-family: apexnewbook;
  margin-top: 0;
  margin-bottom: 70px;
}

.location_tabs p {
  color: #3f4d54;
  font-size: 18px;
  font-family: apexnewlight;
  margin-bottom: 40px;
  line-height: 1.5;
}

.location_tabs li {
  color: #3f4d54;
  font-size: 18px;
  font-family: apexnewbook;
  line-height: 1.5;
}

/*.location_icon {margin-left: 185px; font-size: 20px; color: #3f4d54; position: relative !important; height:80px; line-height: 80px; width: 200px; margin-bottom: 20px;}
.location_icon span {display: block; width: 36px; height: 31px; position: absolute !important; left: -217px; top: 50%; margin-top: -15px;}
.location_icon span:after {content: ''; display: block; width: 170px; height: 1px; background: #be1e5e; position: absolute; left: 35px; top: 50%; margin-top: -1px;}
*/

.row_location_best h2 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_location_best li {
  color: #3f4d54;
  font-size: 18px;
  font-family: apexnewlight;
  display: block;
  margin-bottom: 25px;
}

.row_location_best li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  float: left;
  margin-right: 10px;
  margin-top: 7px;
  background: #bb285f;
}

.video_wrapper {
  overflow: hidden;
}

video {
  width: 107%;
  height: auto;
}

.video_preview {
  position: absolute;
  z-index: 2;
  width: 107%;
  height: 100%;
  background: url(images/video_preview.jpg) no-repeat center center;
  background-size: cover;
}

.play_hex {
  display: block;
  width: 154px;
  height: 152px;
  position: absolute;
  z-index: 2;
  left: 50%;
  margin-left: -77px;
  top: 50%;
  margin-top: -76px;
  background: url(images/play_hex.png) no-repeat center center;
}

.play_hex:hover {
  background: url(images/play_hex_h.png) no-repeat center center;
  background-size: contain !important;
}

.video_info {
  padding: 0 100px;
}

.video_info p {
  color: #3f4d54;
  font-family: apexnewlight;
  font-size: 15px;
  margin-bottom: 30px;
  line-height: 1.5;
}

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

.row_about_header h1 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_about_header img {
  width: 100%;
  float: left;
}

.row_about_header .col-sm-4,
.row_about_header .about_header_wrapper {
  padding: 0;
}

.row_about_what h2 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_about_what .col-md-6 {
  padding: 0 140px;
}

.row_about_what .col-md-6 p {
  margin-bottom: 50px;
  line-height: 1.5;
  color: #3f4d54;
  font-size: 18px;
  font-family: apexnewbook;
}

.row_about_what .col-md-6 p.pink_text {
  color: #be1e5e;
}

.row_about_what .col-md-6 p:first-child {
  margin-bottom: 50px;
}

.row_about_what .col-md-6 p a {
  color: #be1e5e;
  font-size: 18px;
  line-height: 1.5;
  font-family: apexnewbook;
}

.about_bullet {
  display: block;
  width: 36px;
  height: 31px;
  position: absolute;
  top: 15%;
  right: -18px;
  z-index: 100 !important;
  background: #fff url(images/location_bullet_h.png) no-repeat center center;
}

.about_bullet:after {
  display: block;
  content: "";
  width: 100px;
  height: 1px;
  background: #be1e5e;
  position: absolute;
  left: -100px;
  top: 50%;
  margin-top: -1px;
}

.div_right .about_bullet {
  left: -18px;
  bottom: 25%;
  top: auto;
}

.div_right .about_bullet:after {
  right: -100px;
  left: auto;
}

/*=====================contact*/

.row_contact_header .col-md-6 {
  padding: 0 140px;
}

.row_contact_header img {
  width: 108px;
}

.row_contact_header h1 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_contact_header h3 {
  font-family: apexnewlight;
  font-size: 30px;
  color: #3e4d54;
  margin-bottom: 50px;
}

.row_contact_header h4 {
  font-family: apexnewbook;
  font-size: 30px;
  color: #3e4d54;
  margin-top: 50px;
}

.row_contact_header p,
.row_contact_header a,
.row_contact_header span {
  font-family: apexnewbook;
  font-size: 18px;
  color: #3f4d54;
  margin-bottom: 30px;
  line-height: 1.5;
}

.row_contact_header .div_right a {
  color: #b81e5a;
}

.row_contact_header .icon_address {
  background: url(images/icon_address.png) no-repeat left top;
  padding-left: 45px;
}

.row_contact_header .icon_email {
  background: url(images/icon_email.png) no-repeat left top 3px;
  padding-left: 45px;
}

.row_contact_header .icon_phone {
  background: url(images/icon_phone.png) no-repeat left top;
  padding-left: 45px;
}

.row_contact_header .about_bullet {
  top: 0;
}

.row_contact_header .div_right .about_bullet {
  left: -156px;
  top: 53px;
}

.row_contact_header .div_right .about_bullet:after {
  right: -100px;
  left: initial;
}

.row_contact_leave h2 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.wrapper_form {
  background: url(images/wrapper_form.jpg) no-repeat center center;
  background-size: cover;
  padding: 30px 80px;
}

.wrapper_form.home_news {
  background: url("https://tnsquare.ro/wp-content/uploads/2021/02/varianta-2.jpg")
    no-repeat center center;
  background-size: cover;
}

.wrapper_form .col-md-6 {
  padding-right: 100px;
}

.wrapper_form .col-md-6.div_right {
  padding-right: 0;
  padding-left: 100px;
}

.group {
  position: relative;
  margin-bottom: 45px;
}

.group input,
.group textarea {
  font-size: 18px;
  padding: 10px 10px 10px 0px;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #757575;
  color: #676667;
  background: transparent;
}

.group textarea {
  height: 251px;
  resize: none;
  overflow: hidden;
}

.group input:focus,
.group textarea {
  outline: none;
}

.group label {
  font-size: 18px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0px;
  top: 10px;
  color: #676667;
}

.radio_title {
  font-size: 18px;
  color: #676667;
  display: inline-block;
  margin-bottom: 10px;
  line-height: 1.5;
}

.group .labelfocus {
  top: -12px;
  font-size: 14px;
  color: #c22368;
}

.wrapper_form input[type="radio"]:not(old) {
  width: 20px;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.wrapper_form input[type="radio"]:not(old) + span {
  display: inline-block;
  margin-right: 100px;
  margin-left: -25px;
  padding-left: 25px;
  background: transparent url(images/icon_radio.jpg) no-repeat left center;
  line-height: 20px;
  cursor: pointer;
}

.wrapper_form input[type="radio"]:not(old):checked + span {
  background: transparent url(images/icon_radio_h.jpg) no-repeat left center;
}

.wpcf7-radio span.wpcf7-list-item {
  margin: 0;
}

.wrapper_form input[type="submit"] {
  display: none;
}

div.wpcf7-validation-errors {
  border: none;
}

.wpcf7-form-control-wrap {
  position: static;
}

span.wpcf7-not-valid-tip {
  position: absolute;
  width: 100% !important;
  top: 13px;
  font-family: apexnewlight;
}

.wrapper_form .button {
  float: right;
  margin-top: 20px;
}

.wrapper_form.home_news .button {
  margin-top: 100px;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
  border: none !important;
  font-size: 30px;
  font-family: apexnewlight;
  color: #b81e5a;
  position: absolute;
  bottom: 130px;
  left: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}

/*=====================commercial*/

.page-template-tpl_commercial .logo {
  display: block;
  float: left;
  width: 81px;
  height: 54px;
  background: url(images/logo_tns_commercial.png) no-repeat center center;
  background-size: 81px;
}

.row_commercial_header h1 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_commercial_header .commercial_first {
  background: url(images/commercial_first.jpg) no-repeat center center;
  background-size: cover;
  padding: 0;
}

.row_commercial_header .commercial_second {
  background: url(images/commercial_second.jpg) no-repeat center center;
  background-size: cover;
  padding: 0;
}

.row_commercial_header .col-md-6 {
  padding: 100px;
  background: #fff;
  padding-right: 20%;
}

.row_commercial_header span {
  color: #3e4d54;
  font-size: 18px;
  font-family: apexnewlight;
}

.row_commercial_header h4 {
  color: #3e4d54;
  font-size: 30px;
  font-family: apexnewlight;
  padding-bottom: 30px;
  margin-bottom: 50px;
  margin-top: 10px;
  border-bottom: 1px solid #bf1e60;
}

.row_commercial_header p {
  color: #3e4d54;
  font-size: 18px;
  font-family: apexnewlight;
  line-height: 1.5;
}

.row_commercial_interactive h2 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_commercial_interactive .hex_commercial {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  width: 113px;
  height: 97px;
  background: #fff url(images/hex_commercial.png) no-repeat center center;
  background-size: cover;
  font-size: 15px;
  color: #3e4d54;
  font-family: apexnewbook;
}

.hex_commercial_line {
  height: 1px;
  width: 100%;
  display: block;
  background: #bf1e60;
  position: absolute;
  z-index: -1;
  top: 50%;
  margin-top: -1px;
  left: 0;
}

.row_commercial_interactive img {
  display: block;
  margin-top: 20px;
  width: 100%;
}

/*=====================office*/

.page-template-tpl_office .go_down {
  display: none;
}

.page-template-tpl_office #header {
  background: url(images/header_pattern_office.jpg) no-repeat center center;
  background-size: cover;
}

.page-template-tpl_office .logo {
  display: block;
  float: left;
  width: 81px;
  height: 54px;
  background: url(images/logo_tns_office.png) no-repeat center center;
  background-size: 81px;
}

.ribbon_contact {
  position: fixed;
  overflow: visible;
  right: -290px;
  z-index: 99;
  background: rgba(255, 255, 255, 0.8);
  top: 40%;
}

.ribbon_contact .ribbon_overflow_hidden {
  max-width: 32px;
  height: 141px;
  padding: 20px 7px;
  overflow: hidden;
  margin: 0;
  float: none;
}

.ribbon_contact .ribbon_overflow_hidden_content {
  width: 500px;
  margin: 0;
  float: none;
}

.ribbon_bros {
  background-color: #b81e5a8c !important;
  padding: 20px 10px !important;
  overflow: visible !important;
  color: white !important;
}

.ie_yes .ribbon_bros {
  right: 0;
}

.ribbon_bros .vertical_text {
  color: white !important;
}

.ribbon_bros .ribbon_hex {
  background: url(images/ribbon_hex_brochure.png) no-repeat center center;
  margin: 0;
}

.ribbon_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 99;
  top: 0;
  left: 0;
}

.vertical_text {
  color: #3e4d54;
  font-size: 18px !important;
  font-family: apexnewlight;
  float: left;
  display: block;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
}

.ribbon_hex {
  display: block;
  margin-left: 10px;
  margin-top: 10px;
  width: 36px;
  height: 32px;
  background: url(images/bullet_hex_active.png) no-repeat center center;
  position: relative;
}

.ribbon_hex_brochure {
  display: block;
  width: 36px;
  height: 32px;
  background: url(images/ribbon_hex_brochure.png) no-repeat center center;
  position: relative;
}

.ribbon_hex:after {
  content: "";
  display: block;
  width: 300px;
  height: 1px;
  position: absolute;
  left: 36px;
  top: 16px;
  background: #ba2a5e;
}

.ribbon_hex_brochure:after {
  content: "";
  display: block;
  width: 300px;
  height: 1px;
  position: absolute;
  left: 36px;
  top: 16px;
  background: #ba1e5c;
}

.ribbon_contact {
  padding: 0 3px !important;
}

.ribbon_contact div {
  float: left;
  margin-left: 30px;
}

.ribbon_contact h4 {
  font-size: 20px;
  color: #3e4d54;
  font-family: apexnewlight;
}

.ribbon_contact div a,
.ribbon_contact div span {
  /*height: 100%;*/
  text-align: center;
  font-size: 18px;
  color: #3e4d54;
  font-family: apexnewlight;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: -5px;
  line-height: 1.5;
}
.ribbon_contact.trans.box_shadow {
  box-shadow: 0px 10px 20px #d1d1d1;
}
.row_office_header h1 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0 10px;
}

.row_office_header h3 {
  font-family: apexnewlight;
  font-size: 18px;
  color: #3e4d54;
  line-height: 1.5;
}

.row_office_header .office_menu .col-sm-2 {
  text-align: center;
  padding: 20px 0;
}

.row_office_header .office_menu .col-sm-2 a {
  font-size: 18px;
  color: #3e4d54;
  font-family: apexnewbook;
  display: block;
  text-align: center;
  border-right: 1px solid #ba2a5e;
}

.row_office_header .office_menu .col-sm-2:last-child a {
  border: none;
}

.row_office_header .row_slider_office {
  margin-top: 30px;
}

/*.row_office_header .row_slider_office .owl-carousel {-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);}*/

.row_office_header .office_menu {
  background: #fff;
}

.row_office_phases h2 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.hex_office {
  display: block;
  width: 71px;
  height: 62px;
  position: absolute;
  right: 120px;
  top: 0px;
  background: url(images/hex_office.png) no-repeat center center;
  font-size: 30px;
  color: #3e4d54;
  font-family: apexnewlight;
  text-align: center;
  line-height: 62px;
}

.hex_office span {
  display: block;
  width: 120px;
  height: 1px;
  background: #bf1e60;
  position: absolute;
  top: 31px;
  right: -120px;
}

.page-template-tpl_office .play_hex {
  width: 154px;
  height: 152px;
  margin-left: -77px;
  background: url(images/play_office.png) no-repeat center center;
  opacity: 0.4;
}

.page-template-tpl_office .play_hex:hover {
  opacity: 1;
}

.office_phase_right .hex_office {
  right: initial;
  left: 120px;
  top: 70px;
}

.office_phase_right .hex_office span {
  display: block;
  width: 120px;
  height: 1px;
  background: #bf1e60;
  position: absolute;
  top: 31px;
  right: initial;
  left: -120px;
}

.row_office_phases p {
  color: #3e4d54;
  font-size: 18px;
  font-family: apexnewlight;
  line-height: 1.5;
  margin-bottom: 30px;
}

.row_office_phases .office_phase_left {
  padding-top: 80px;
}

.row_office_phases .office_phase_right {
  padding-top: 150px;
}

.row_office_phases .office_phase_left .col-xs-4 {
  font-size: 18px;
  line-height: 1.5;
  color: #3e4d54;
  font-family: apexnewlight;
  text-align: center;
}

.row_office_phases .office_phase_left .col-xs-4:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
  height: 50px;
  width: 1px;
  background: #00ab9f;
}

.row_office_phases .office_phase_left .col-xs-4:last-child:after {
  display: none;
}

.row_office_phases .small_text {
  font-size: 14px;
  font-family: apexnewlight;
  color: #9e9fa0;
  margin-top: 20px;
}

.row_office_phases .details {
  display: block;
  text-align: right;
  font-size: 18px;
  font-family: apexnewlight;
  color: #9e9fa0;
  margin-top: -20px;
  margin-bottom: 30px;
}

.row_office_phases .dont_hesitate {
  margin-top: 30px;
}

.row_office_phases .dont_hesitate span {
  display: inline-block;
  color: #00ab9f;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #00ab9f;
}

.row_office_phases .dont_hesitate p,
.row_office_phases .dont_hesitate a {
  font-size: 18px;
  line-height: 1.5;
  color: #3e4d54;
  font-family: apexnewlight;
  margin: 0;
}

.row_office_leasing h2 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_office_leasing .row_grey {
  background: rgba(217, 217, 217, 0.75);
  padding: 50px 0;
  clear: both;
  margin-top: 140px;
}

.row_office_leasing .row_grey2 {
  margin-top: 30%;
  position: relative;
  z-index: 0;
}

.row_office_leasing .row_grey3 {
  margin-top: 25%;
  margin-bottom: 10%;
}

.row_office_leasing .building_description p {
  margin-bottom: 10px;
  font-family: apexnewlight;
  font-size: 18px;
}

.row_office_leasing .building_description p span {
  font-family: apexnewbook;
}

.row_office_leasing .row_grey img {
  position: absolute;
  width: 90%;
  right: -30%;
  top: -200px;
  z-index: 1;
}

.row_office_leasing .row_grey svg {
  position: absolute;
  z-index: 2;
  width: 90%;
  right: -30%;
  top: -200px;
}

.row_office_leasing .row_grey g[data-name="highlight"] {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.row_office_leasing .row_grey2 img {
  position: absolute;
  width: 80%;
  left: 0%;
  top: -250px;
  z-index: 1;
}

.row_office_leasing .row_grey2 svg {
  position: absolute;
  z-index: 2;
  width: 80%;
  left: 0%;
  top: -250px;
}

.row_office_leasing .row_grey2 g[data-name="highlight"] {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.row_office_leasing .row_grey3 img {
  top: -120px;
  width: 120%;
}

.row_office_leasing .row_grey3 svg {
  position: absolute;
  top: -120px;
  width: 120%;
}

.row_office_leasing .row_grey3 g[data-name="highlight"] {
  opacity: 0;
  webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.row_office_leasing .row_grey .col-md-6:last-child {
  padding-left: 20%;
}

.row_office_leasing .row_grey2 .col-md-6:first-child {
  padding-left: 20%;
}

.row_office_leasing .button {
  width: 185px;
  margin-left: -10px;
}

.row_office_leasing .button .before,
.row_office_leasing .button .after {
  width: 185px;
}

.row_office_leasing .row_grey .button .button_line {
  width: 400px;
  height: 1px;
  display: block;
  background: #bd3566;
  position: absolute;
  top: 22px;
  left: -408px;
  z-index: 0;
}

.row_office_leasing .row_grey2 .button .button_line {
  width: 600px;
  height: 1px;
  display: block;
  background: #bd3566;
  position: absolute;
  top: 22px;
  left: auto;
  right: -608px;
  z-index: 0;
}

.row_office_sustainability h2 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_office_sustainability h3 {
  font-family: apexnewlight;
  font-size: 30px;
  color: #3fa830;
  margin: 40px 0;
  font-weight: bold;
}

.row_office_sustainability h3 span {
  font-size: 20px;
  font-weight: normal;
}

.row_office_sustainability p {
  color: #3f4d54;
  font-size: 18px;
  font-family: apexnewlight;
  line-height: 1.5;
  white-space: nowrap;
}

.row_office_sustainability p.big {
  color: #bf1e5f;
  font-size: 22px;
}

.row_office_sustainability .hex_big_office {
  width: 313px;
  height: 285px;
  background: #fff url(images/hex_office7.png) no-repeat center center;
  background-size: 313px;
  margin: 0 auto;
  margin-top: 50px;
  position: relative;
}

.row_office_sustainability .hex_big_office.hex_big_office1 {
  background: #fff url(images/hex_office1.png) no-repeat center center;
  background-size: 313px;
}

.row_office_sustainability .hex_big_office.hex_big_office2 {
  background: #fff url(images/hex_office2.png) no-repeat center center;
  background-size: 313px;
}

.row_office_sustainability .hex_big_office.hex_big_office3 {
  background: #fff url(images/hex_office3.png) no-repeat center center;
  background-size: 313px;
}

.row_office_sustainability .hex_big_office.hex_big_office4 {
  background: #fff url(images/hex_office4.png) no-repeat center center;
  background-size: 313px;
}

.row_office_sustainability .hex_big_office.hex_big_office5 {
  background: #fff url(images/hex_office5.png) no-repeat center center;
  background-size: 313px;
}

.row_office_sustainability .hex_big_office.hex_big_office6 {
  background: #fff url(images/hex_office6.png) no-repeat center center;
  background-size: 313px;
}

#preload1 {
  background: url(images/hex_office1.png) no-repeat -9999px -9999px;
}

#preload2 {
  background: url(images/hex_office2.png) no-repeat -9999px -9999px;
}

#preload3 {
  background: url(images/hex_office3.png) no-repeat -9999px -9999px;
}

#preload4 {
  background: url(images/hex_office4.png) no-repeat -9999px -9999px;
}

#preload5 {
  background: url(images/hex_office5.png) no-repeat -9999px -9999px;
}

#preload6 {
  background: url(images/hex_office6.png) no-repeat -9999px -9999px;
}

.row_office_sustainability .hex_office1 {
  position: absolute;
  left: 270px;
}

.row_office_sustainability .hex_office2 {
  position: absolute;
  left: 330px;
  top: 110px;
}

.row_office_sustainability .hex_office3 {
  position: absolute;
  left: 270px;
  bottom: 0;
}

.row_office_sustainability .hex_office4 {
  position: absolute;
  bottom: 0;
  right: 270px;
}

.row_office_sustainability .hex_office5 {
  position: absolute;
  top: 110px;
  right: 330px;
}

.row_office_sustainability .hex_office6 {
  position: absolute;
  right: 250px;
}

.row_amenities {
  margin-bottom: 5px;
}

.nr_amenities {
  font-size: 18px;
  float: left;
  color: #b81e5a;
  line-height: 1.5;
  display: inline-block;
  margin-right: 5px;
}

.nr_amenities_bullet {
  display: block;
  width: 36px;
  height: 31px;
  position: absolute;
}

.nr_amenities5 {
  background: url(images/nr_amenities5.png);
  left: 5%;
  top: 10px;
}

.nr_amenities6 {
  background: url(images/nr_amenities6.png);
  right: 46%;
  bottom: 13%;
}

.nr_amenities7 {
  background: url(images/nr_amenities7.png);
  right: 45%;
  top: 35%;
}

.nr_amenities8 {
  background: url(images/nr_amenities8.png);
  right: 7%;
  top: 45%;
}

.nr_amenities9 {
  background: url(images/nr_amenities9.png);
  left: 25%;
  top: 30px;
}

.nr_amenities10 {
  background: url(images/nr_amenities10.png);
  right: 33%;
  top: 22%;
}

/*
.nr_amenities5 {background: url(images/nr_amenities5.png); right: 570px; top: 10px;}
.nr_amenities6 {background: url(images/nr_amenities6.png); right: 250px; bottom: 60px;}
.nr_amenities7 {background: url(images/nr_amenities7.png); right: 220px; top: 150px;}
.nr_amenities8 {background: url(images/nr_amenities8.png); right: -50px; top: 200px;}
.nr_amenities9 {background: url(images/nr_amenities9.png); right: 430px; top: 30px;}
.nr_amenities10 {background: url(images/nr_amenities10.png); right: 160px; top: 100px;}*/

.feature_line {
  display: none !important;
}

.row_office_amenities h2 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_office_amenities h3 {
  font-family: apexnewlight;
  font-size: 22px;
  color: #3f4d54;
  margin: 40px 0;
}

.row_office_amenities .amenities_left {
  padding-right: 0;
}

.row_office_amenities .amenities_left div {
  position: relative;
  float: right;
  max-width: 110%;
  margin-right: -10%;
}

.row_office_amenities .amenities_left img {
  width: 100%;
}

.row_office_amenities .amenities_right {
  padding-left: 100px;
  padding-top: 10px;
}

.row_office_amenities p {
  font-size: 15px;
  font-family: apexnewlight;
  color: #3f4d54;
  line-height: 1.5;
  margin-bottom: 20px;
  position: relative;
  padding-left: 20px;
}

.row_office_amenities .p1 span {
  display: block;
  width: 650px;
  height: 1px;
  background: #ba2a5e;
  position: absolute;
  top: 11px;
  left: -660px;
}

.row_office_amenities p span:before {
  content: "";
  display: block;
  width: 36px;
  height: 31px;
  background: url(images/hex_amenities.png) no-repeat center center;
  position: absolute;
  left: -36px;
  top: 50%;
  margin-top: -15px;
}

.row_office_amenities .p2 span {
  display: block;
  width: 490px;
  height: 1px;
  background: #ba2a5e;
  position: absolute;
  top: 11px;
  left: -500px;
}

.row_office_amenities .p3 span {
  display: block;
  width: 370px;
  height: 1px;
  background: #ba2a5e;
  position: absolute;
  top: 11px;
  left: -380px;
}

.row_office_amenities .p4 span {
  display: block;
  width: 70px;
  height: 1px;
  background: #ba2a5e;
  position: absolute;
  top: 11px;
  left: -80px;
}

.row_office_amenities .p5 span {
  display: block;
  width: 660px;
  height: 1px;
  background: #ba2a5e;
  position: absolute;
  top: 11px;
  left: -670px;
}

.row_office_amenities .p6 span {
  display: block;
  width: 560px;
  height: 1px;
  background: #ba2a5e;
  position: absolute;
  top: 11px;
  left: -570px;
}

.modal_plan {
  padding: 40px 0;
  position: fixed;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
}

.modal_plan img {
  display: none;
}

.modal_plan img.active {
  display: inline-block;
  margin-bottom: 20px;
}

#office3.modal_plan img.active {
  margin-bottom: 30px;
}

.modal_header {
  padding-right: 50px;
  padding-left: 50px;
}

.modal_header .button {
  margin: 0 0 20px;
}

.hex_modal {
  display: block;
  width: 39px;
  height: 34px;
  background: url(images/hex_modal.png) no-repeat center center;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  font-family: apexnewlight;
  color: #3f4d54;
  float: left;
  position: absolute;
  top: 47px;
}

.hex_modal:before {
  content: "";
  display: block;
  width: 50px;
  height: 1px;
  background: #bf1e60;
  position: absolute;
  left: -50px;
  top: 17px;
}

.hex_modal:after {
  content: "";
  display: block;
  width: 270px;
  height: 1px;
  background: #bf1e60;
  position: absolute;
  right: -270px;
  top: 17px;
}

/*.modal_close {display: block; width: 17px; height: 17px; background: url(images/icon_close.png) no-repeat center center; background-size: 17px; position: absolute; right: 30px; top: 10px;}*/

.modal_close {
  display: inline-block;
  color: #be1e5e;
  font-size: 14px;
  position: absolute;
  right: 62px;
  top: 10px;
}

.modal_close:after {
  content: "";
  display: block;
  margin: 0 auto;
  margin-top: 3px;
  width: 0px;
  height: 1px;
  background: #be1e5e;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.modal_tenant {
  font-size: 18px;
  font-family: apexnewlight;
  color: #c9cccd;
  margin-bottom: 13px;
  margin-left: 50px;
  display: inline-block;
}

.modal_tenant.active,
.modal_tenant:hover {
  color: #bf1e60;
}

.info_tenant {
  display: none;
}

.info_tenant .col-sm-6:first-child {
  padding-left: 50px;
}

.modal_footer .col-sm-6:first-child {
  padding-left: 50px;
}

.info_tenant.active {
  display: block;
}

.modal_body {
  padding: 0 40px;
}

.modal_body img {
  max-width: 100%;
  max-height: 75vh;
  width: auto;
  height: auto;
}

.modal_footer {
  display: none;
  padding-left: 50px;
  font-size: 18px;
  font-family: apexnewlight;
  color: #3f4d54;
  line-height: 1.5;
}

.page-template-tpl_office .row_footer {
  background: url(images/pattern_office.jpg) no-repeat center center;
  background-size: cover;
  padding: 10px 0;
}

/*=====================residential*/

.page-template-tpl_residential .go_down {
  display: none;
}

.page-template-tpl_residential #header {
  background: url(images/header_pattern_residential.jpg) no-repeat center center;
  background-size: cover;
}

.page-template-tpl_residential .logo {
  display: block;
  float: left;
  width: 81px;
  height: 54px;
  background: url(images/logo_tns_residential.png) no-repeat center center;
  background-size: 81px;
}

.page-template-tpl_residential .ribbon_contact {
  top: 7%;
}

.row_residential_header h1 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0 10px;
}

.row_residential_header h3 {
  font-family: apexnewlight;
  font-size: 18px;
  color: #3e4d54;
  line-height: 1.5;
}

.row_residential_header .row_slider_residential {
  margin-top: 30px;
}

/*.row_residential_header .row_slider_residential .owl-carousel {-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.3);}*/

.row_residential_naturally h2 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_residential_naturally p {
  color: #3f4d54;
  font-size: 18px;
  font-family: apexnewlight;
}

.row_residential_naturally .col-sm-6 .details {
  font-size: 18px;
  font-family: apexnewlight;
  color: #9e9fa0;
  text-align: right;
  display: block;
  margin-top: 50px;
}

.row_residential_naturally .col-sm-6 {
  padding: 0 140px;
}

.row_residential_naturally .col-sm-6 p {
  margin-bottom: 50px;
  line-height: 1.5;
  color: #3f4d54;
  font-size: 18px;
  font-family: apexnewlight;
}

.row_residential_naturally .col-sm-6 p:first-child {
  margin-bottom: 50px;
}

.row_residential_naturally .col-sm-6 p a {
  color: #be1e5e;
  font-size: 18px;
  line-height: 1.5;
  font-family: apexnewbook;
}

.residential_line {
  display: block;
  content: "";
  width: 100px;
  height: 1px;
  background: #be1e5e;
  position: absolute;
  right: 0px;
  top: 30%;
  margin-top: -1px;
}

.div_right .residential_line {
  left: 0;
  bottom: 40%;
  top: initial;
}

.row_residential_naturally li {
  color: #3f4d54;
  font-size: 18px;
  font-family: apexnewlight;
  display: block;
  margin-bottom: 25px;
}

.row_residential_naturally li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  float: left;
  margin-right: 10px;
  margin-top: 7px;
  background: #bb285f;
}

.row_residential_naturally h4 {
  color: #3f4d54;
  font-size: 30px;
  font-family: apexnewlight;
  margin-top: 100px;
}

.row_residential_naturally p {
  font-size: 18px;
  font-family: apexnewlight;
  color: #c5c5c7;
}

.page-template-tpl_residential .row_footer {
  background: url(images/pattern_residential.jpg) no-repeat center center;
  background-size: cover;
  padding: 10px 0;
}

/*=====================category*/

.row_category_header h1 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_category_list > .col-xs-12 {
  padding: 20px 0;
  margin-bottom: 30px;
  opacity: 0;
}

.row_category_list img {
  max-width: 100%;
}

.row_category_list .img_left {
}

.row_category_list .col-md-6 {
  padding: 0 100px;
}

.row_category_list .news_date {
  white-space: nowrap;
  font-size: 15px;
  color: #3e4d54;
  font-family: apexnewlight;
  display: inline-block;
  padding-right: 20px;
  border-bottom: 1px solid #bf1e5f;
  padding-bottom: 5px;
  margin-bottom: 50px;
}

.row_category_list .img_left .news_date {
  float: right;
  padding-left: 20px;
  padding-right: 0;
  text-align: right;
}

.row_category_list h3 {
  font-size: 20px;
  font-family: apexnewbook;
  margin-bottom: 20px;
  clear: both;
  line-height: 1.5;
}

.row_category_list h3 a {
  color: #3e4d54;
}

.row_category_list h3 a:hover {
  color: #bb2a5f;
}

.row_category_list p {
  font-size: 15px;
  color: #3e4d54;
  line-height: 1.5;
  font-family: apexnewlight;
}

.row_category_list .see_more {
  font-size: 15px;
  font-family: apexnewbook;
  color: #bb2a5f;
  display: inline-block;
  margin-top: 50px;
}

.row_category_list .about_bullet {
  background: url(images/news_hex_h.png) no-repeat center center;
  background-size: 36px;
  top: initial;
  bottom: 15%;
}

.row_category_list .about_bullet:after {
  width: 170px;
  left: -170px;
  margin-top: 1px;
}

.row_category_list .div_right .about_bullet:after {
  right: -170px;
  left: initial;
}

.row_category_list .img_wrapper {
  display: inline-block;
  position: relative;
  z-index: 999;
  max-width: 100%;
}

.row_category_list .img_wrapper:before {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.row_category_list .img_wrapper:hover:before {
  opacity: 1;
}

/*=====================single*/

.single #container {
  position: static;
  padding-top: 100px;
}

.single #footer {
  position: static;
  display: block;
}

.single .modal_close {
  top: 0;
  left: 100px;
  right: initial;
}

.row_single_header h1 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_single_content .col-md-6 {
  padding: 0 100px;
}

.row_single_content img {
  max-width: 100%;
  margin-top: 70px;
  position: relative;
  z-index: 999;
}

.row_single_content .news_date {
  white-space: nowrap;
  font-size: 15px;
  color: #3e4d54;
  font-family: apexnewlight;
  display: block;
  margin-bottom: 50px;
  text-align: right;
}

.row_single_content p {
  font-size: 15px;
  color: #3e4d54;
  line-height: 1.5;
  font-family: apexnewlight;
  margin-bottom: 30px;
}

.row_single_content .residential_line {
  width: 70px;
  right: 0;
  left: initial;
  bottom: 10%;
  top: initial;
}

.row_single_content .div_right .residential_line {
  left: 0;
  top: 80px;
}

.row_single_content .div_right {
}

.row_single_content .about_bullet {
  background: url(images/news_hex_h.png) no-repeat center center;
  background-size: 36px;
  top: initial;
  bottom: 15%;
}

.row_single_content .about_bullet:after {
  width: 170px;
  left: -170px;
  margin-top: 1px;
}

/*=====================terms of use*/

.row_terms_header {
  overflow: hidden;
  padding: 85px 100px 100px;
}

.row_terms_header .last_modified {
  color: #999695;
  font-size: 15px;
  font-family: apexnewlight;
  float: right;
}

.row_terms_header h1 {
  font-family: apexnewlight;
  font-size: 50px;
  color: #3e4d54;
  margin: 40px 0;
}

.row_terms_header h3 {
  font-size: 18px;
  font-family: apexnewbook;
  color: #000000;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 50px;
}

.row_terms_header h3:first-child {
  margin-top: 0;
}

.row_terms_header h3:after {
  content: "";
  position: absolute;
  display: block;
  width: 1000px;
  height: 1px;
  right: 0;
  bottom: 0;
  background: #bf1e5f;
}

.row_terms_header .col-xs-12 div {
  font-size: 15px;
  line-height: 1.5;
  font-family: apexnewlight;
  color: #000000;
}

.row_terms_header li {
  font-size: 15px;
  line-height: 1.5;
  font-family: apexnewlight;
  color: #000000;
}

.row_terms_header li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  margin-right: 10px;
  float: left;
  margin-top: 10px;
  background: #bf1e5f;
}

.row_terms_header a {
  color: #bf1e5f;
}

.cookie_table thead {
  border-bottom: 1px solid #adadad;
}

.cookie_table td {
  padding: 20px;
  text-align: center;
  font-family: apexnewlight;
  font-size: 15px;
  border-left: 1px solid #adadad;
  border-right: 1px solid #adadad;
}

/*=====================404*/

.error404 {
  background: url(images/404_bg.jpg) no-repeat center center;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.row_404 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 100%;
}

.row_404 h1 {
  color: #ba0059;
  font-size: 100px;
  font-family: apexnewbook;
  margin-bottom: 50px;
}

.row_404 h3 {
  color: #ba0059;
  font-size: 36px;
  font-family: apexnewlight;
}

.row_404 h4 {
  color: #3e4d54;
  font-size: 36px;
  font-family: apexnewlight;
  margin-bottom: 50px;
}

.row_404 p {
  color: #000000;
  font-size: 18px;
  font-family: apexnewlight;
  line-height: 1.5;
}

.row_404 > .col-xs-12 {
  background: rgba(255, 255, 255, 0.8);
  padding: 50px;
}

.row_404 .button {
  float: none !important;
  margin: 0 auto;
}

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

.row_footer {
  background: url(images/pattern.png) no-repeat center center;
  background-size: cover;
  padding: 10px 0;
  z-index: 100;
}

.row_footer .logo {
  display: block;
  float: left;
  width: 81px;
  height: 54px;
  background: url(images/logo_tns_footer.png) no-repeat center center;
  background-size: 81px;
}

.row_footer .logo_project {
  display: block;
  width: 150px;
  height: 31px;
  float: left;
  margin-left: 50px;
  margin-top: 25px;
  background: url(images/logo_project.png) no-repeat center center;
  background-size: 150px;
}

.row_footer .footer_links {
  float: right;
  margin-right: 100px;
  margin-top: 20px;
}

.row_footer .footer_links a {
  color: #fff;
  font-size: 12px;
  display: inline-block;
  font-family: apexnewlight;
}

.row_footer .footer_links a:first-child {
  border-right: 1px solid #fff;
  padding-right: 20px;
  margin-right: 20px;
}

.row_footer .footer_links a:after {
  content: "";
  display: block;
  margin: 0 auto;
  margin-top: 3px;
  width: 0px;
  height: 1px;
  background: #fff;
  transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -webkit-transition: all 0.2s ease-in-out 0s;
}

.row_footer .footer_links a:hover:after {
  width: 100%;
}

.row_footer .go_up {
  display: block;
  width: 51px;
  height: 44px;
  background: url(images/hex_up.png) no-repeat center center;
  background-size: 51px;
  margin-top: 5px;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  z-index: 999;
  cursor: pointer;
}

.row_footer .go_up:hover {
  background: url(images/hex_up_h.png) no-repeat center center;
  background-size: 51px;
}

.row_footer .linkedin img {
  position: absolute;
  top: 50%;
  margin-left: 60px;
  max-width: 15px;
  height: auto;
}

.row_footer .instagram img {
  position: absolute;
  top: 50%;
  margin-left: 120px;
  max-width: 15px;
  height: auto;
}

@media only screen and (min-width: 1900px) {
  .logo {
    margin-left: 40px;
  }
  .row_news .col-md-6 {
    min-height: 700px;
  }
  .row_office_amenities .amenities_right {
    padding-left: 140px;
  }
}

@media only screen and (max-width: 1024px) {
  /*==========================home*/
  #header {
    background: url(images/header_pattern.jpg) no-repeat left 20px center;
    background-size: cover;
  }
  .qtranxs_language_chooser {
    margin-top: -25px;
  }
  /*==========================office*/
  .page-template-tpl_office #header {
    background: url(images/header_pattern_office.jpg) no-repeat left 20px center;
    background-size: cover;
  }
  #office_sticky_header {
    display: none;
  }
  .row_office_phases .col-md-6 {
    padding: 0 50px;
  }
  .row_office_phases .office_phase_left {
    padding-top: 140px;
  }
  .row_office_phases .office_phase_right {
    padding-top: 230px;
  }
  .modal_body img {
    max-width: 100%;
    height: auto;
  }
  .row_office_sustainability p {
    font-size: 16px;
  }
  /*=========================residential*/
  .page-template-tpl_residential #header {
    background: url(images/header_pattern_residential.jpg) no-repeat left 20px
      center;
    background-size: cover;
  }
  /*=========================location*/
  .video_info {
    padding: 0 50px;
  }
  /*=========================contact*/
  .row_contact_header .col-md-6 {
    padding: 0 100px;
  }
  .row_contact_header .div_right .about_bullet {
    left: -116px;
  }
  .row_contact_header .div_right .about_bullet:after {
    right: -80px;
    width: 80px;
  }
  .about_bullet:after {
    width: 80px;
    left: -80px;
  }
}

@media only screen and (max-width: 768px) {
  /*==============================home*/
  .home .row {
    margin: 0;
  }
  #header {
    background: url(images/header_pattern.jpg) no-repeat left 20px center;
    background-size: cover;
  }
  #menu {
    margin-right: 0;
  }
  #menu ul li {
    margin-left: 25px;
  }
  .captions p,
  .captions span {
    font-size: 40px;
  }
  .section:hover .section_title,
  .section .section_title {
    font-size: 30px;
    bottom: 15px;
    opacity: 1;
    color: #fff;
  }
  .section:hover .section_border,
  .section .section_border {
    height: 65px;
  }
  .row_location svg > g {
    opacity: 1;
  }
  .row_phases {
    display: none;
  }
  .row_phases_mobile {
    display: block;
  }
  .row_phases_mobile .phase_mobile {
    margin-bottom: 30px;
    padding: 0 15px;
  }
  .row_phases_mobile img {
    max-width: 100%;
    display: block;
    margin: 20px 0;
  }
  .row_phases_mobile h4 {
    font-size: 30px;
    text-align: center;
    font-family: apexnewlight;
  }
  .row_phases_mobile p {
    font-size: 18px;
    font-family: apexnewlight;
  }
  .news_content {
    margin-top: 45px;
  }
  .news_panel {
    height: 425px;
  }
  .sectiuni_news_wrapper {
    position: absolute;
    width: 100%;
  }
  #sectiune_aboutus_img {
    padding-right: 0;
  }
  .row_developer .line_middle {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row_developer .developer_img {
    margin-left: 0;
    margin-top: 10%;
  }
  .row_footer {
    padding: 10px 15px;
  }
  .row_footer .footer_links {
    margin-right: 0;
  }
  /*==============================office*/
  .page-template-tpl_office {
    overflow-y: initial;
  }
  .page-template-tpl_office #header {
    display: block;
  }
  .page-template-tpl_office .row {
    margin: 0;
  }
  .page-template-tpl_office #header {
    background: url(images/header_pattern_office.jpg) no-repeat left 20px center;
    background-size: cover;
  }
  #sectiune_office_video,
  #sectiune_office_phases,
  #sectiune_office_leasing,
  #sectiune_office_sustainability,
  #sectiune_office_features {
    padding-top: 0 !important;
  }
  #sectiune_office_leasing .row_office_leasing .row_grey2,
  #sectiune_office_leasing .row_office_leasing .row_grey3 {
    margin-top: 0;
  }
  #sectiune_office_features {
    opacity: 1 !important;
  }
  .hex_office {
    right: 50%;
    margin-right: -35px;
  }
  .hex_office span {
    width: 1000px;
    right: initial;
    left: 70px;
  }
  .row_office_phases .col-md-6 {
    overflow-x: hidden;
  }
  .office_phase_right .hex_office {
    left: 50%;
    margin-left: -35px;
    top: 30px;
  }
  .office_phase_right .hex_office span {
    width: 1000px;
    left: initial;
    right: 70px;
  }
  .row_office_phases .office_phase_right {
    padding-top: 140px;
  }
  .row_office_leasing .row_grey img {
    position: static;
    width: 100%;
  }
  .row_office_leasing .row_grey svg {
    width: 100%;
    right: 0;
    top: 0;
  }
  .row_office_leasing .row_grey .col-md-6:last-child {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
  }
  .row_office_leasing .row_grey .button .button_line {
    display: none;
  }
  .row_office_leasing .button {
    margin: 0 auto;
    float: none !important;
    margin-top: 30px;
  }
  #sectiune_office_leasing .row_office_leasing .row_grey2 {
    position: static;
  }
  #sectiune_office_leasing .row_office_leasing .row_grey3 {
    position: static;
  }
  .row_office_leasing .row_grey2 .col-md-6:first-child {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
  }
  .row_office_leasing .row_grey2 .col-md-6:last-child {
    padding: 0;
    display: block;
    margin: 0 auto;
  }
  .modal_body img {
    max-width: 100%;
    height: auto;
  }
  .row_office_amenities .amenities_left {
    padding-right: 15px;
  }
  .row_office_amenities .amenities_left img {
    float: none;
    max-width: 100%;
    width: 100%;
  }
  .row_office_amenities .amenities_right {
    padding-left: 15px;
  }
  .row_office_amenities .amenities_right br {
    display: none;
  }
  .row_office_sustainability .hex_big_office {
    background: none;
    width: auto;
    height: auto;
  }
  .row_office_sustainability .hex_big_office br {
    display: none;
  }
  .row_office_sustainability .hex_office1 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob1.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability .hex_office2 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob2.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability .hex_office3 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob3.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability .hex_office4 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob4.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability .hex_office5 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob5.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability .hex_office6 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob6.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability p {
    white-space: initial;
  }
  .office_video {
    max-width: calc(100% - 20px);
    left: 10px;
  }
  video {
    width: 100%;
  }
  .row_office_amenities .amenities_left div {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  /*===============================commercial*/
  .page-template-tpl_commercial .row {
    margin: 0;
  }
  .row_commercial_header .col-md-6 {
    padding: 15px !important;
  }
  .hexa_middle_line {
    display: none;
  }
  .hex_commercial_line {
    display: none;
  }
  /*===============================residential*/
  .page-template-tpl_residential .row {
    margin: 0;
  }
  .row_residential_naturally .col-sm-6 {
    padding: 0 15px;
  }
  .page-template-tpl_residential #header {
    background: url(images/header_pattern_residential.jpg) no-repeat left 20px
      center;
    background-size: cover;
  }
  .residential_line {
    display: none;
  }
  /*============================location*/
  .page-template-tpl_location .row {
    margin: 0;
  }
  .location_icon {
    display: none;
  }
  .location_tabs {
    position: static !important;
    padding: 0;
    margin-bottom: 30px;
  }
  .location_tabs h3 {
    margin-bottom: 30px;
  }
  .video_info {
    padding: 30px 15px 0;
  }
  /*============================news*/
  .category .row,
  .single .row {
    margin: 0;
  }
  .row_category_list .img_left .news_date {
    margin-top: 30px;
  }
  .row_category_list .about_bullet {
    display: none;
  }
  .row_category_list .col-md-6 {
    padding: 0 100px 30px;
  }
  .row_single_content .news_date {
    margin-top: 30px;
  }
  .row_category_list > .col-xs-12 {
    opacity: 1;
  }
  /*============================about us*/
  .page-template-tpl_about .row {
    margin: 0;
  }
  .row_about_what .col-md-6 {
    padding: 0 100px;
  }
  .about_bullet {
    display: none;
  }
  /*============================contact*/
  .page-template-tpl_contact .row {
    margin: 0;
  }
  .row_contact_header .col-md-6 {
    padding: 0 100px;
  }
  .wrapper_form .col-md-6 {
    padding-right: 0;
    padding-left: 0;
  }
  .wrapper_form .col-md-6.div_right {
    padding-left: 0;
  }
  /*============================terms of use*/
  .row_terms_header {
    padding: 0;
    padding-bottom: 30px;
  }
  .row_terms_header h1 {
    font-size: 40px;
  }
  .row_terms_header .last_modified {
    float: none;
    display: block;
    text-align: right;
    margin-bottom: 10px;
  }
  .page-template-tpl_terms .row {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .news_panel {
    height: auto;
  }
}

@media only screen and (max-width: 670px) {
  /*==========================home*/
  #meniu_sticky {
    display: none;
  }
  #header #menu ul li:first-child {
    display: block;
  }
  .ribbon_bros,
  .ribbon_contact {
    display: none !important;
  }
  .ribbon_bros {
    display: block !important;
    width: 0 !important;
    top: auto !important;
    bottom: 0;
    right: -100% !important;
    height: 45px;
    padding: 13px 0 !important;
    text-align: center;
    z-index: -10 !important;
  }
  .ribbon_bros.opened {
    z-index: 100000 !important;
    width: calc(100% - 54px) !important;
    right: 0 !important;
  }
  .ribbon_bros .ribbon_overlay {
    background: #c70065;
  }
  .page-template-tpl_office .ribbon_bros .ribbon_overlay {
    background: #68b3ae;
  }
  .page-template-tpl_residential .ribbon_bros .ribbon_overlay {
    background: #f6a357;
  }
  .ribbon_bros .vertical_text {
    position: relative;
    -webkit-writing-mode: initial;
    width: 100%;
    color: #fff !important;
    z-index: 100;
  }
  .row {
    margin: 0 !important;
  }
  .row_slider:before {
    display: table;
    content: " ";
  }
  .row_slider:after {
    clear: both;
    display: table;
    content: " ";
  }
  #header {
    background: url(images/header_pattern.jpg) no-repeat left center;
    background-size: 900px;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99999 !important;
  }
  #container {
    padding-top: 45px;
  }
  #header .logo {
    width: 55px;
    background-size: 55px;
  }
  #menu:before,
  .mobile_button {
    display: block;
    width: 54px;
    height: 54px;
    float: right;
    background: #c70065 url(images/mobile_button.png) no-repeat center center;
    background-size: 24px;
    margin-top: 0;
    position: fixed;
    left: calc(100% - 54px);
    z-index: 9999999 !important;
  }
  #menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: -54px;
    width: 55px;
  }
  .mobile_button.opened {
    left: 0;
    opacity: 0;
  }
  #menu {
    position: fixed;
    top: 0;
    background: #c70065;
    width: 0;
    right: 0;
    width: 0;
    z-index: 999999;
    max-height: 100vh;
    height: 100vh;
    margin-top: 0;
  }
  #menu.opened {
    right: 0;
    width: calc(100% - 54px);
  }
  #menu ul {
    float: none;
  }
  #menu ul li {
    float: none;
    margin: 0;
    width: 100%;
    font-size: 17px;
    padding: 15px 0;
    text-align: center;
    margin-left: 0 !important;
  }
  #menu ul li a {
    font-size: 17px;
  }
  .menu-menu-1-container {
    margin-top: 10px;
  }
  .qtranxs_language_chooser {
    margin: 0;
    text-align: center;
    position: absolute;
    right: 20px;
    top: 5px;
    left: auto;
    opacity: 0;
  }
  #menu.opened .qtranxs_language_chooser {
    opacity: 1;
  }
  #menu .qtranxs_language_chooser li {
    float: left;
    width: auto;
    display: inline-block;
  }
  .qtranxs_language_chooser .lang-en a:before {
    margin-left: 5px;
  }
  .qtranxs_language_chooser .lang-ro a {
    margin-left: 4px;
  }
  .qtranxs_language_chooser li a,
  .qtranxs_language_chooser li span {
    font-size: 13px;
  }
  .row_slider {
    padding-top: 20px;
  }
  .owl-next,
  .owl-prev {
    width: 30px;
    height: 30px;
    background-size: 6px;
  }
  .captions {
    top: 25%;
  }
  .captions p {
    font-size: 20px;
  }
  .captions > span {
    font-size: 20px;
  }
  .go_down {
    display: none;
  }
  .home h2 {
    font-size: 30px;
  }
  .row_location svg > g {
    opacity: 1;
  }
  .row_phases {
    display: none;
  }
  .row_phases_mobile {
    display: block;
  }
  .row_phases_mobile .phase_mobile {
    margin-bottom: 30px;
  }
  .row_phases_mobile img {
    max-width: 100%;
    display: block;
    margin: 20px 0;
  }
  .row_phases_mobile h4 {
    font-size: 20px !important;
    text-align: center;
    font-family: apexnewbook;
  }
  .row_phases_mobile p {
    font-size: 18px;
    line-height: 1.5;
    font-family: apexnewlight;
  }
  .row_location svg text {
    font-size: 18px !important;
  }
  .row_location svg text.cls-2 {
    font-size: 32px !important;
  }
  .news_panel {
    position: absolute;
  }
  #sectiune_news_left_img {
    height: 360px;
  }
  #sectiune_news_right_img {
    height: 360px;
    top: 370px;
  }
  .news_content {
    margin: 45px auto !important;
    float: none !important;
  }
  .news_hex {
    display: none;
  }
  .news_content span {
    display: none;
  }
  #sectiune_aboutus_text {
    display: block !important;
  }
  #sectiune_aboutus_img {
    padding-left: 15px;
    padding-bottom: 50px;
  }
  .row_developer .developer_img {
    width: 100%;
    margin-left: 0;
  }
  .row_developer .line_middle {
    padding-left: 15px;
    padding-right: 15px;
  }
  #footer {
    margin: 0 !important;
  }
  .row_footer {
    padding: 10px 0 !important;
  }
  .row_footer .logo_project {
    float: right;
    width: 110px;
    background-size: 110px;
  }
  .row_footer .footer_links {
    float: none;
    margin-top: 70px;
    margin-right: 0;
  }
  .row_footer .go_up {
    /*display: none;*/
  }
  /*===========================contact*/
  .row_contact_header h1 {
    font-size: 40px;
  }
  .row_contact_header .col-md-6 {
    padding: 0 15px;
  }
  .row_contact_header .about_bullet {
    display: none;
  }
  .wrapper_form {
    padding: 30px 15px;
  }
  .wrapper_form .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .wrapper_form .col-md-6 {
    padding-right: 0;
    padding-left: 0;
  }
  .wrapper_form .col-md-6.div_right {
    padding-right: 0;
    padding-left: 0;
  }
  .wrapper_form input[type="radio"]:not(old) + span {
    margin-right: 10px;
  }
  #sectiune_leave_message {
    margin-bottom: 20px;
  }
  .row_contact_leave .col-xs-12 .col-xs-12 {
    padding: 0;
  }
  .row_contact_leave h2 {
    font-size: 30px;
    text-align: left;
  }
  .wrapper_form .button {
    float: none;
    margin-top: 0;
  }
  .radio_title {
    margin-bottom: 20px;
  }
  div.wpcf7-mail-sent-ok,
  div.wpcf7-validation-errors {
    font-size: 18px;
    bottom: 250px;
  }
  span.wpcf7-not-valid-tip {
    top: -17px;
  }
  /*============================about us*/
  .row_about_header h1 {
    font-size: 40px;
  }
  .row_about_what .col-md-6 {
    padding: 0 15px;
  }
  .row_about_what h2 {
    font-size: 30px;
  }
  .row_about_what .about_bullet {
    display: none;
  }
  .row_about_what .col-md-6 p:first-child {
    margin: 0;
  }
  .row_about_what img {
    display: none;
  }
  /*============================news*/
  .row_category_header h1 {
    font-size: 40px;
  }
  .row_category_list .col-md-6 {
    padding: 0 15px !important;
  }
  .row_category_list .news_date {
    margin-top: 20px;
  }
  .img_right .img_wrapper {
    margin-top: 30px;
  }
  .row_category_list .about_bullet {
    display: none;
  }
  .single #timelineDiv {
    display: none;
  }
  .row_single_header h1 {
    font-size: 40px;
  }
  .row_single_content .col-md-6 {
    padding: 0 15px;
  }
  .row_single_content .residential_line {
    display: none;
  }
  .row_single_content .news_date {
    margin-top: 30px;
  }
  .row_single_content .div_right {
    height: auto;
    overflow: initial;
    max-height: initial;
  }
  .row_single_content img {
    max-width: 100%;
  }
  /*============================location*/
  .row_location_header h1 {
    font-size: 40px;
  }
  #map {
    height: 400px;
  }
  .video_preview {
    width: 100%;
    left: 0;
  }
  .play_hex {
    width: 74px;
    height: 72px;
    margin-left: -37px;
    margin-top: -36px;
    background-size: 74px;
  }
  .map_sidebar_button {
    display: block;
    margin-top: 0;
  }
  .map_sidebar {
    width: 100%;
    top: 0;
    left: 0;
    max-height: 0;
    overflow: hidden;
  }
  .map_sidebar.active {
    max-height: 400px;
  }
  .row_location_how h2 {
    font-size: 30px;
  }
  .location_icon {
    display: none;
  }
  .location_tabs {
    position: static !important;
    padding: 0;
    margin-bottom: 30px;
  }
  .location_tabs h3 {
    margin-bottom: 30px;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
  }
  .location_tabs h3 img {
    height: 30px;
    margin-bottom: -10px;
  }
  .video_info {
    padding: 30px 15px 0;
  }
  .row_location_best h2 {
    font-size: 30px;
  }
  .row_location_best li {
    line-height: 1.5;
  }
  /*=============================residential*/
  .page-template-tpl_residential #header {
    background: url(images/header_pattern_residential.jpg) no-repeat left center;
    background-size: 900px;
  }
  .page-template-tpl_residential #menu {
    background: #f6a357;
  }
  .page-template-tpl_residential #menu:before,
  .page-template-tpl_residential .mobile_button {
    background-color: #f6a357;
  }
  .row_residential_header h1 {
    font-size: 40px;
  }
  .row_residential_naturally h2 {
    font-size: 30px;
  }
  .row_residential_naturally .residential_line {
    display: none;
  }
  .row_residential_naturally .col-md-6 {
    padding: 0 15px;
  }
  /*=============================office*/
  .page-template-tpl_office #header {
    background: url(images/header_pattern_office.jpg) no-repeat left center;
    background-size: 900px;
  }
  .page-template-tpl_office #menu {
    background: #68b3ae;
  }
  .page-template-tpl_office #menu:before,
  .page-template-tpl_office .mobile_button {
    background-color: #68b3ae;
  }
  .row_office_header .office_menu {
    display: none;
  }
  .page-template-tpl_office .play_hex {
    width: 74px;
    height: 72px;
    background-size: 74px;
    margin-left: -37px;
    margin-top: -36px;
  }
  .row_office_header h1 {
    font-size: 40px;
  }
  .row_office_phases h2,
  .row_office_leasing h2,
  .row_office_sustainability h2,
  .row_office_amenities h2 {
    font-size: 30px;
  }
  .row_office_phases .col-md-6 {
    padding: 100px 15px 0;
  }
  .hex_office {
    top: 0;
    right: 50%;
    margin-right: -35px;
  }
  .hex_office span {
    display: none;
  }
  .office_phase_right .hex_office {
    top: 0;
  }
  .office_phase_right .hex_office span {
    display: none;
  }
  .row_grey .col-xs-12:first-child {
    padding: 0;
  }
  .row_office_leasing .row_grey img {
    position: static;
    width: 100%;
  }
  .row_office_leasing .row_grey svg {
    width: 100%;
    right: 0;
    top: 0;
  }
  .row_office_leasing .row_grey .col-md-6:last-child {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
  }
  .row_office_leasing .row_grey .button .button_line {
    display: none;
  }
  .row_office_leasing .button {
    margin: 0 auto;
    float: none !important;
    margin-top: 30px;
  }
  .row_office_leasing .row_grey2 .col-md-6:first-child {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 50px;
  }
  .row_office_leasing .row_grey2 .col-md-6:last-child {
    padding: 0;
  }
  .row_office_amenities .amenities_left img {
    float: none;
    max-width: 100%;
  }
  .row_office_amenities .amenities_right br {
    display: none;
  }
  .row_office_sustainability .hex_big_office {
    background: none;
    width: auto;
    height: auto;
  }
  .row_office_sustainability .hex_big_office br {
    display: none;
  }
  .row_office_sustainability .hex_office1 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob1.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability .hex_office2 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob2.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability .hex_office3 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob3.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability .hex_office4 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob4.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability .hex_office5 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob5.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability .hex_office6 {
    position: static;
    margin-bottom: 10px;
    background: url(images/office_mob6.png) no-repeat left top;
    background-size: auto 20px;
    padding-left: 40px;
  }
  .row_office_sustainability p {
    white-space: initial;
    font-size: 18px !important;
  }
  .nr_amenities_bullet {
    width: 26px;
    height: 21px;
    background-size: 26px !important;
  }
  .ribbon_contact {
    display: none;
  }
  .modal_plan img.active {
    margin-top: 20px;
  }
  .modal_header .button {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin: 0 0 20px;
    margin-left: -67px;
  }
  /*=============================commercial*/
  .row_commercial_header h1 {
    font-size: 40px;
  }
  .row_commercial_header .col-md-6 {
    padding: 15px;
  }
  .row_commercial_interactive h2 {
    font-size: 30px;
  }
  .hex_commercial_line {
    display: none;
  }
  .row_commercial_interactive .hex_commercial {
    margin-bottom: 15px;
  }
  .row_commercial_interactive img {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 480px) {
  .captions p {
    font-size: 16px;
  }
  .captions > span {
    font-size: 16px;
  }
  .modal_plan .modal_header,
  .modal_plan .modal_body {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modal_tenant {
    font-size: 15px;
  }
}

/* css alex */

@media only screen and (min-width: 1024px) {
  html {
    height: 100%;
  }
  html body.home {
    overflow: hidden;
    height: 100%;
  }
  html #sectiune_carousel {
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: top;
  }
  #container {
    position: absolute;
    top: 84px;
    bottom: 0px;
    width: 100%;
  }
  html .page-template-tpl_terms #container,
  html .page-template-tpl_privacy #container {
    position: static;
  }
  html #wrapper {
    height: 100%;
  }
  html .single #wrapper {
    padding-bottom: 80px;
    min-height: 100%;
    height: auto;
    position: absolute;
  }
  html .screen_section {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    display: none;
  }
  html .row_slider {
    display: inline-block;
    padding-top: 0px;
  }
  html .row_footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    /* display: none; */
  }
  html #header {
    position: absolute;
    border-bottom: 1px solid #f2f2f2;
    /*box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);*/
  }
  html .row {
    margin-left: 0px;
    margin-right: 0px;
  }
  html .row_location {
    height: 100%;
  }
  html .mask {
    overflow: hidden;
  }
  html .news_content {
    transition: background 0.2s ease-in-out 0s;
    -moz-transition: background 0.2s ease-in-out 0s;
    -webkit-transition: background 0.2s ease-in-out 0s;
  }
  html #sectiune_news_right_img {
    float: right !important;
  }
  html #sectiune_news_left_img {
    float: left !important;
  }
  html .news_panel {
    height: 460px;
  }
  html .row_office_amenities .col-sm-3 {
    padding-left: 60px;
  }
  html .single #footer {
    position: absolute;
    bottom: 0;
  }
  html .news_container {
    position: absolute;
    width: 50%;
    height: 100%;
  }
  html .nc-left {
    left: 0px;
  }
  html .nc-right {
    right: 0px;
  }
}

/* Customs ZONK */

/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------*/

#wrapper {
  max-width: 100%;
  overflow: hidden;
}

/*COMMERCIAL popover*/

.page-template-tpl_commercial .commercial_hexa {
  position: relative;
  z-index: 1;
}

.page-template-tpl_commercial .commercial_hexa .hex_commercial {
  cursor: pointer;
}

.popover_content {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  transform: translate(0, 10px);
  background-color: #ffffff;
  padding: 0.75rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  width: 100%;
  left: 0;
}

.popover_content:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(50% - 11px);
  top: -8px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #b90058 transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}

.popover_content .each_partner {
  float: left;
  width: 100%;
}

.popover_content .each_partner .partner_title {
  color: #fff;
  float: right;
  text-align: left;
  width: 60%;
  top: 17px;
  position: relative;
}

.popover_content .each_partner {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  border-bottom: 1px solid #b90058;
}

.popover_content .each_partner:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}

/*.hex_commercial:hover ~ .popover_content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}*/

.popover_content .each_partner .partner_title {
  text-align: left;
  float: right;
  color: #3e4d54;
  font-weight: normal;
  font-size: 15px;
  font-family: "apexnewbook";
}

.commercial_hexa img {
  margin-top: 0px;
}

/*end of Popover */

.grid.row.events {
  width: 100%;
  margin-bottom: 100px;
}

html .single-post-events #wrapper,
html .single-post-properties #wrapper {
  width: 100%;
}

.single-post-events .post-content,
.single-post-properties .post-content {
  text-align: left;
  margin-top: 30px;
}

.single-post-events h4,
.single-post-properties h4 {
  color: #be1e5e;
  font-size: 30px;
  font-family: apexnewlight;
  padding-bottom: 0;
  margin-bottom: 50px;
  margin-top: 10px;
  border-bottom: 0;
  font-weight: 700;
}

.single-post-properties h4 {
  margin-bottom: 25px;
  margin-top: 6.4vh;
}

.event-info {
  float: left;
  min-height: 95px;
}

.single-post-events .icon_address,
.page-template-tpl-events .icon_address {
  background: url(images/icon_address.png) no-repeat left top;
  padding-left: 45px;
}

.single-post-events .icon_email {
  background: url(images/icon_email.png) no-repeat left top 3px;
  padding-left: 45px;
}

.single-post-events .icon_date {
  background: url(images/icon_calendar.png) no-repeat left 1px top 0px;
  padding-left: 45px;
  background-size: 3%;
}

.page-template-tpl-events .icon_date {
  background: url(images/icon_calendar.png) no-repeat left 1px top 0px;
  padding-left: 45px;
  background-size: 5%;
  width: 100%;
  float: left;
  margin-bottom: 16px;
}

.page-template-tpl-events .icon_address {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}

.page-template-tpl-events .post-content {
  float: left;
  border-top: 1px solid #b90058;
  padding-top: 10px;
  min-height: 110px;
}

.single-post-events .label-info {
  background: transparent;
  color: #be1e5e;
  font-weight: 700;
}

.single-post-events .button {
  float: left;
}

.single-post-events .wpcf7-form-control.wpcf7-submit {
  padding: 0;
  border: 0;
  background: transparent;
  text-align: center;
  margin: auto;
  display: table;
  width: 100%;
}

.single-post-events span.wpcf7-not-valid-tip {
  text-align: right;
}

.single-post-events div.wpcf7-mail-sent-ok,
.single-post-events div.wpcf7-validation-errors {
  bottom: 80px;
}

html .post-type-archive-events .row_footer {
  bottom: 0;
  display: block;
}

.post-type-archive-events .photo_events,
.page-template-tpl-events .photo_events {
  max-width: 100%;
  height: 250px;
  background-size: cover;
  margin-bottom: 20px;
}

.post-type-archive .icon_address {
  margin-bottom: 10px;
}

.grid-item .post-item.even {
  background-color: rgba(241, 241, 241, 1);
}

.grid-item .post-item.odd {
  background-color: rgba(230, 230, 230, 1);
}

.grid-item .post-item {
  padding: 15px;
}

.grid-item .post-item h4 {
  margin-bottom: 20px;
  font-family: apexnewlight;
  color: #b90058;
  font-weight: 700;
  font-size: 25px;
}

.post-type-archive-events .row.row_single_content {
  margin-bottom: 95px;
}

.grid-item .post-item .see_more {
  font-size: 15px;
  font-family: apexnewbook;
  color: #bb2a5f;
  display: inline-block;
  margin-top: 50px;
}

/*end of Events */

/*
@keyframes appearfromright {
	0%   {
		right:-1800px;
		width:100%;
	}
	100% {
		right:0px;
		width:100%;
		}
}
*/

/* Single post*/

.owl-single-post .owl-controls .owl-prev,
.owl-single-post .owl-controls .owl-next {
  top: 40%;
  opacity: 0.9;
}

/* end of single post*/

.property-banner-right {
  /*animation:appearfromright 2s 1;*/
  width: calc(100% - 17rem);
  height: 964px;
  background: url("https://tnsquare.ro/wp-content/uploads/2020/05/vastint-proprietati-timpuri-noi-square01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  float: right;
}

/*.property-banner-right::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 964px;
	background: #be1e5e91;
	border-left: 1px solid #FFF;
}*/

.grid-item {
  margin-bottom: 10px;
  padding: 0 5px;
}

.single-post-properties .row_single_content ul,
.single-post-properties .row_single_content li {
  font-size: 15px;
  color: #3e4d54;
  line-height: 1.5;
  font-family: apexnewlight;
}

.single-post-properties .row_single_content ul {
  padding-left: 15px;
}

.single-post-properties .row_single_content li {
  list-style: initial;
}

.property-sticky .property_label {
  color: #be1e5e;
}

.property_label {
  color: #3e4d54;
  font-size: 18px;
  font-family: apexnewlight;
  padding-bottom: 0;
  margin-top: 10px;
  border-bottom: 0;
  border-bottom: #dadada solid 1px;
  height: 2rem;
  line-height: 2rem;
  padding: 0 1rem;
}

.property-label-no-border {
  border-bottom-color: transparent;
}

.properties_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform, height;
  box-sizing: content-box;
  transform: translate3d(0px, 0, 0);
  align-items: flex-start;
}

.property-label-building {
  height: 13rem;
}

strong {
  font-weight: 700;
}

.property_title {
  text-align: left;
  position: relative;
  padding-right: 60px;
  box-sizing: border-box;
  width: 100%;
  line-height: 4rem;
  height: 4rem;
}

.property_title span {
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.2;
}

.property {
  width: 17rem !important;
  margin-right: 0 !important;
  border-left: 1px solid #dadada;
  float: left;
  background: #bdbdbd;
}

.property:nth-child(2n) {
  background-color: #f2f2f2;
}

.property-labels {
  width: 17rem !important;
  margin-left: 6rem;
  border-left: 0;
}

.property-labels .property_label {
  padding-left: 0;
}

.property_title .icon {
  display: block;
  width: 70px;
  height: 34px;
  position: absolute;
  top: 16px;
  right: 0;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: width 0.3s ease, height 0.3s ease, background-color 0.3s ease;
  background-color: rgba(255, 255, 255, 0);
  cursor: pointer;
}

.property_title .icon:hover {
  width: 140px;
  height: 68px;
  background-color: white;
  z-index: 2;
}

.property-slider-images {
  height: 8rem;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.property-slider-images .swiper-slide {
  float: left;
}

.row_single_content .property-slider-images .swiper-slide img {
  margin: 0;
  height: auto;
  margin: auto;
  display: table;
}

.property-slider-images .swiper-button-next::after,
.property-slider-images .swiper-button-prev::after {
  font-size: 25px;
}

.property-slider-images .swiper-button-next,
.property-slider-images .swiper-button-prev {
  color: #fff;
}

.property-slider-images .swiper-button-next,
.property-slider-images .swiper-button-prev {
  width: 13px;
  height: 32px;
}

.property-slider-images .swiper-button-next {
  right: 0;
}

.property-slider-images .swiper-button-prev {
  left: 0;
}

.property_sublabel {
  width: 50%;
  border-left: 1px solid #dadada;
  box-sizing: border-box;
  padding-left: 1rem;
  float: left;
}

.property_sublabel:first-child {
  border-left: 0;
  padding-left: 0;
}

.property_label_plan {
  height: 10rem;
}

.swiper-container {
  width: 100%;
}

.swiper-scrollbar {
  height: 10px !important;
  background-color: #f2f2f2 !important;
  margin: 1rem 0 1rem 0 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  right: auto !important;
  width: 100% !important;
  box-sizing: border-box;
  border-radius: 0 !important;
  display: block !important;
  opacity: 1 !important;
}

.swiper-scrollbar > div {
  border-radius: 0 !important;
}

.property-active {
  display: block;
}

.property-sticky {
  position: absolute !important;
  top: 0;
  left: 0;
  margin-left: 0 !important;
  padding-left: 1rem;
  background-color: #f0f0f0;
  z-index: 11;
  display: block;
  box-shadow: 2px 0 0 rgba(255, 255, 255, 0.3);
}

.swiper-wrapper.boxes {
  margin-left: 272px;
}

.single_buildings {
  position: relative;
}

.single_buildings .boxes {
  margin-left: 272px;
}

html .page-template-tpl-properties .row_footer {
  bottom: 0;
  display: block;
}

.page-template-tpl-properties .row.row_single_content {
  margin-bottom: 200px;
  float: left;
  width: 100%;
  position: relative;
  z-index: -1;
  overflow: hidden;
  background: #f0f0f0;
}

.property_label_image {
  height: 11rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 0;
}

body .property_image {
  max-width: 95%;
  max-height: 90%;
  margin-top: 0;
  margin: auto;
  display: table;
  border: 1px solid #dbdbdb;
}

.property-label-button {
  height: 7rem;
  line-height: 7rem;
  text-align: center;
}

.property-button.button .after,
.property-button.button .before {
  width: 175px;
}

.property-button.button {
  width: 175px;
}

.single-post-properties .row_single_content .about_bullet::after {
  width: 70px;
  left: auto;
  margin-top: -1px;
  right: -70px;
}

.single-post-properties .row_single_content .about_bullet {
  top: 6.4vh;
  background: #fff url(images/location_bullet_h.png) no-repeat center center;
  bottom: 205px;
}

.single-post-properties .row_single_content .content_tools .about_bullet {
  display: none;
}

.property_label_double {
  height: 3.2rem;
  line-height: 25px;
  white-space: normal;
}

.single-post-properties
  .row_single_content
  .content_tools
  .about_bullet::after {
  right: 34px;
}

.content_tools h4 {
  float: left;
}

.tools_form {
  float: left;
  width: 100%;
  text-align: left;
}

.single-post-properties .row_single_content .tools_form .tools_buildings {
  padding: 0;
  margin-bottom: 15px;
  float: left;
  width: 100%;
}

.tools_form .tools_buildings .tools_building {
  list-style: none;
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.content_tools {
  position: absolute;
  z-index: 999;
}

.tools_buttons {
  float: left;
  width: auto;
  box-shadow: 0px 12px 20px #9d9d9d;
  background: #be1e5e;
}

.tools_buttons .header_button {
  background: #be1e5e;
  border: none;
  color: #fff;
}

.tools_buttons .header_button:hover {
  background: #bd4d7a;
  border: none;
  color: #fff;
}

.header_button .header_button-icon {
  margin: 0;
  margin: auto;
  display: table;
  margin-bottom: 15px;
}

.header_button_label {
  margin: 15px auto;
  display: table;
  font-size: 12px;
}

.single_buildings_download {
  float: left;
  left: 20px;
  position: relative;
  top: 10px;
}

.page-template-tpl-properties .row.row_single_content.single_buildings {
  margin-top: 10px;
}

#menu ul.sub-menu li.wpml-ls-item {
  margin-left: 0;
}

#menu .menu-item.wpml-ls-current-language > a {
  float: left;
  margin-right: 10px;
}

/*SEO*/

.phases_info .phase_info {
  position: relative !important;
  padding-right: 0px !important;
}

a {
  color: #b90058;
  text-decoration: none;
}

.single-post-properties .office_video {
  position: absolute;
  z-index: 2;
  width: 79%;
  height: 100%;
  background: no-repeat center center;
  background-size: cover;
}

.single-post-properties .content_tools {
  position: relative;
}

.single-post-properties #video {
  width: 100%;
}

/* new tales landing */
.tns-banner {
  width: 100%;
  height: 100%;
  position: relative;
}

.tns-banner img {
  display: block;
  width: 100%;
  height: auto;
}
.tns-overlay-logo {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 170px;
  width: 15%;
  z-index: 2;
}

.tns-banner-text {
  position: absolute;
  bottom: 130px;
  left: 250px;
  color: #fff;
  max-width: 90%;
}

.tns-banner-h1 {
  color: white;
  font-family: "apexnewheavy", sans-serif;
  font-weight: 650;
  font-size: 115.5px;
  line-height: 100%;
}

.tns-break-h2-p {
  font-family: "apexnewmedium", sans-serif;
  font-size: 33px;
  font-weight: 550;
  line-height: 100%;
}

.tns-banner-h2 {
  color: white;
  font-family: "apexnewheavy", sans-serif;
  font-weight: 650;
  font-size: 115.5px;
  line-height: 100%;
}

.banner-text-inline h2,
.banner-text-inline p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.banner-text-inline h2 {
  margin-right: 10px;
  margin-left: 138px;
}

.tns-hase2-first-row {
  margin-top: 92.5px;
  margin-left: 60px;
  margin-right: 60px;
}

.tns-phase-2-h2-pink {
  color: #b90058;
  font-family: "apexnewbold", sans-serif;
  font-weight: 600;
  font-size: 33px;
  line-height: 100%;
}
.tns-phase-2-h3-black {
  color: #1d1d1f;
  font-family: "apexnewbold", sans-serif;
  font-weight: 600;
  font-size: 33px;
  line-height: 39.6px;
  padding-bottom: 16px;
}

.tns-phase-2-p {
  color: #1a1a18;
  font-family: "apexnewlight", sans-serif;
  font-size: 22px;
  line-height: 26.4px;

  font-weight: 500;
  padding-bottom: 16px;
}

.tns-phase-2-under-img-1 {
  color: #1a1a18;
  font-family: "apexnewlight", sans-serif;
  font-size: 33px;
  line-height: 100%;
  font-weight: 600;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 5px;
}

.tns-phase-2-under-img-2 {
  color: #1a1a18;
  font-family: "apexnewbold", sans-serif;
  font-size: 22px;
  line-height: 100%;
  font-weight: 600;
  padding-left: 20px;
  padding-bottom: 30px;
}

.tns-custom-top-p-margin {
  margin-top: 29px;
  padding-left: 21px;
  padding-right: 21px;
}

.tns-img-mt-0 {
  margin-top: 0px !important;
  width: 100%;
  margin-bottom: -3px;
}
/* .tns-img-broder {
  border: 1px solid #1a1a18;
} */

.tns-phase2-colum {
  padding-left: 2rem;
  padding-right: 2rem;
}
.banner-text {
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  color: #fff;
  position: absolute;
  padding-top: 30px;
}
.banner-text h1 {
  font-size: 3rem;
  line-height: 1.1;
}
/* break banner */

.tns-break-h2-1 {
  color: white;
  font-family: "apexnewheavy", sans-serif;
  font-weight: 650;
  font-size: 115.5px;
  margin-left: 125px;
  line-height: 100%;
}

.tns-break-h2-2 {
  color: white;
  font-family: "apexnewheavy", sans-serif;
  font-weight: 650;
  font-size: 115.5px;
  line-height: 100%;
}
.tns-break-h2-p {
  font-family: "apexnewmedium", sans-serif;
  font-size: 33px;
  font-weight: 550;
  line-height: 100%;
}
/* end of break banner */
/* center video */
.tns-center-video {
  width: 100%;
}

.tns-h3-under-center-video {
  font-family: "apexnewbold", sans-serif;
  color: #1d1d1f;
  font-weight: 600;
  font-size: 33px;
  line-height: 39.6px;
  margin-bottom: 20px;
}

.tns-custom-center-video-columns-left {
  padding-right: 2rem;
  padding-left: 0px;
  margin-top: 30px;
}
.tns-custom-center-video-columns-right {
  margin-top: 30px;
}
.tns-center-video-p-bold {
  color: #1d1d1f;
  font-family: "apexnewbold", sans-serif;
  font-size: 22px;
  line-height: 26.4px;
  font-weight: 600;
}
.tns-center-video-p {
  color: #1a1a18;
  font-family: "apexnewlight", sans-serif;
  font-size: 22px;
  line-height: 26.4px;
  font-weight: 500;
}

.tns-center-video-container {
  margin-bottom: 40px;
}

.tns-video-iframe {
  margin-top: 90px;
  width: 100%;
}
/* end of center video */
.tns-office-h1 {
  color: #b90058;
  font-family: "apexnewheavy", sans-serif;
  font-weight: 650;
  font-size: 115.5px;
  line-height: 100%;
}

/* under swipper */
.tns-mb-30 {
  margin-bottom: 30px;
}
.tns-mt-50 {
  margin-top: 50px !important;
}

/* end of under swipper */
.new-tales-h1 {
  color: #dca25b;
  font-family: "apexnewheavy", sans-serif;
  font-weight: 650;
  font-size: 115.5px;
  line-height: 100%;
}

.tns-swipper-background {
  background: url(https://tnsquare.ro/wp-content/uploads/2025/05/last-swipper-cover.png)
    no-repeat center center;
  background-size: contain;
  height: 1500px;
}

img.img-fluid,
.tns-video-iframe-centered {
  margin-top: 90px;
}

.tns-new-tales-footer {
  background: url(images/pattern.png) no-repeat center center;
  background-size: cover;
  padding: 10px 0;
  z-index: 100;
  .go_up {
    display: block;
    width: 51px;
    height: 44px;
    background: url(images/hex_up.png) no-repeat center center;
    background-size: 51px;
    margin-top: 5px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    z-index: 999;
    cursor: pointer;
  }
  .logo {
    display: block;
    float: left;
    width: 81px;
    height: 54px;
    background: url(images/logo_tns_footer.png) no-repeat center center;
    background-size: 81px;
  }
  .logo_project {
    display: block;
    width: 150px;
    height: 31px;
    float: left;
    margin-left: 50px;
    margin-top: 25px;
    background: url(images/logo_project.png) no-repeat center center;
    background-size: 150px;
  }
  .footer_links {
    float: right;
    margin-right: 100px;
    margin-top: 20px;
  }
  .footer_links a {
    color: #fff;
    font-size: 12px;
    display: inline-block;
    font-family: apexnewlight;
  }
  .footer_links a:first-child {
    border-right: 1px solid #fff;
    padding-right: 20px;
    margin-right: 20px;
  }
  .footer_links a:after {
    content: "";
    display: block;
    margin: 0 auto;
    margin-top: 3px;
    width: 0px;
    height: 1px;
    background: #fff;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
  }
  .footer_links a:hover:after {
    width: 100%;
  }
  .go_up:hover {
    background: url(images/hex_up_h.png) no-repeat center center;
    background-size: 51px;
  }
  .linkedin img {
    position: absolute;
    top: 50%;
    margin-left: 60px;
    max-width: 15px;
    height: auto;
  }
  .instagram img {
    position: absolute;
    top: 50%;
    margin-left: 120px;
    max-width: 15px;
    height: auto;
  }
}
#video-cover-1,
#video-cover-2,
#video-cover-3,
#video-cover-4,
#video-cover-5 {
  cursor: pointer;
}

.tns-mobile-banner {
  display: none;
}
/* end of new tales landing  */

/*Responsive */

@media screen and (min-width: 1024px) {
  #sectiune_commercial_interactive #hexa3 {
    z-index: 0;
  }
  #sectiune_commercial_interactive_plaza_image_container {
    z-index: -1;
  }
  .archive .post-content {
    min-height: 110px;
  }
  .swiper-scrollbar {
    display: none !important;
  }
}

@media screen and (max-width: 480px) {
  #post_5 {
    min-height: 913px;
  }
  .tns-overlay-logo {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .img_right {
    min-height: 700px;
  }
  .img_right .col-xs-12.col-md-6.category_content {
    position: absolute;
    top: 265px;
  }
  .img_right .col-xs-12.col-md-6.text-center.div_right {
    position: absolute;
  }
  #post_5.img_right .col-xs-12.col-md-6.category_content {
    top: 480px;
    position: relative;
  }
  .single .modal_close {
    left: 25px;
  }
  #menu .menu-item.wpml-ls-current-language > a {
    float: revert;
    margin-right: 10px;
  }
  .page-template-tpl_phase2_landing_page {
    .tns-hase2-first-row,
    .tns-custom-center-video-columns-left {
      .row::after {
        content: "";
        clear: both;
        display: table;
      }
      [class*="col-"] {
        float: left;
        padding: 15px;
      }
      .col-1 {
        width: 8.33%;
      }
      .col-2 {
        width: 16.66%;
      }
      .col-3 {
        width: 25%;
      }
      .col-4 {
        width: 33.33%;
      }
      .col-5 {
        width: 41.66%;
      }
      .col-6 {
        width: 50%;
      }
      .col-7 {
        width: 58.33%;
      }
      .col-8 {
        width: 66.66%;
      }
      .col-9 {
        width: 75%;
      }
      .col-10 {
        width: 83.33%;
      }
      .col-11 {
        width: 91.66%;
      }
      .col-12 {
        width: 100%;
      }

      * {
        box-sizing: border-box;
      }
    }
  }
  .tns-hase2-first-row {
    margin-left: 0px;
    margin-right: 0px;
  }
}

@media screen and (min-width: 671px) and (max-width: 1023px) {
  #menu ul li {
    margin-left: 15px;
  }
  #menu ul li a {
    font-size: 13px;
  }
  .row_slider {
    padding-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  #hexa1 .popover_content::before,
  #hexa3 .popover_content::before {
    right: calc(70vw - 8px);
  }
  #hexa2 .popover_content::before,
  #hexa4 .popover_content::before {
    right: calc(20vw - 8px);
  }
  .tns-dekstop-banner {
    display: none;
  }
  .tns-mobile-banner {
    display: block;
  }
}

@media screen and (max-width: 992px) {
  #hexa1 {
    z-index: 10;
  }
  #hexa2 {
    z-index: 9;
  }
  #hexa3 {
    z-index: 8;
  }
  #hexa4 {
    z-index: 7;
  }
  #hexa5 {
    z-index: 6;
  }
  .popover_content {
    width: 92vw;
    top: 13vh;
    left: 4vw;
  }
  #hexa2 .popover_content,
  #hexa4 .popover_content {
    left: -46vw;
  }
  .commercial_hexa img {
    margin-top: 0px;
    margin-bottom: 0;
  }
  .popover_content .each_partner .partner_title {
    top: 30px;
  }
  .popover_content .each_partner {
    padding-top: 0 !important;
  }
  .post-type-archive .icon_date {
    width: 100%;
    float: left;
  }
  .post-type-archive .icon_address {
    width: 100%;
    float: left;
  }
  .property-banner-right {
    display: none;
  }
  /* new tales landing */
  .tns-banner-h1 {
    font-size: 60px !important;
  }
  .tns-banner-h2 {
    font-size: 60px !important;
  }
  .tns-hase2-first-row {
    margin-top: 20px;
  }

  /* end of new tales landing */
}

@media screen and (max-width: 1023px) {
  .popover_content .each_partner .partner_image {
    margin: 0;
    display: block;
    max-width: 75px;
  }
  /* new tales landing */
  .tns-break-h2-1 {
    font-size: 60.5px !important;
    margin-left: 120px !important;
  }

  .tns-break-h2-2 {
    font-size: 60.5px !important;
    margin-left: 40px !important;
  }
  .tns-banner-text {
    bottom: 30px;
    left: 8%;
  }
  .tns-banner-h1 {
    font-size: 80.5px;
  }
  .tns-banner-h2 {
    font-size: 80.5px;
  }
  .tns-swipper-background {
    height: auto;
  }
  .tns-custom-center-video-columns-right {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .tns-phase2-colum {
    margin-top: 20px;
  }
  .tns-phase2-colum {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .tns-custom-top-p-margin {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* end of new tales landing */
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .popover_content .each_partner .partner_image {
    max-width: 50px;
  }
  .popover_content .each_partner .partner_title {
    top: 12px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .row_commercial_interactive img {
    display: block;
    margin: 20px auto;
    width: 73%;
    max-height: 300px;
  }
  /* new tales landing */
  .tns-break-h2-1 {
    font-size: 60.5px !important;
    margin-left: 120px !important;
  }

  .tns-break-h2-2 {
    font-size: 60.5px !important;
    margin-left: 40px !important;
  }
  .tns-banner-text {
    bottom: 30px;
    left: 8%;
  }
  .tns-banner-h1 {
    font-size: 80.5px;
  }
  .tns-banner-h2 {
    font-size: 80.5px;
  }
  .tns-swipper-background {
    height: auto;
  }
  .new-tales-h1 {
    font-size: 80.5px;
  }
  .tns-overlay-logo {
    top: 90px;
  }
  .tns-hase2-first-row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .tns-custom-center-video-columns-right {
    padding-left: 0px;
    padding-right: 0px;
  }
  /* end of new tales landing */
}

@media screen and (min-width: 1281px) and (max-width: 1399px) {
  .row_commercial_interactive img {
    display: block;
    margin: 20px auto;
    width: 76%;
    max-height: 300px;
  }
  /* new tales landing */
  .tns-break-h2-1 {
    font-size: 80.5px !important;
    margin-left: 150px !important;
  }

  .tns-break-h2-2 {
    font-size: 80.5px !important;
    margin-left: 40px !important;
  }
  .tns-banner-text {
    bottom: 30px;
    left: 8%;
  }

  .tns-banner-h1 {
    font-size: 80.5px;
  }
  .tns-banner-h2 {
    font-size: 80.5px;
  }
  .tns-swipper-background {
    height: auto;
  }
  /* end of new tales landing */
}

@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .popover_content .each_partner .partner_image {
    max-width: 60px;
  }
  .popover_content .each_partner .partner_title {
    top: 24px;
  }
  .row_commercial_interactive img {
    display: block;
    margin: 20px auto;
    width: 90%;
  }
  /* new tales landing */
  .tns-break-h2-1 {
    font-size: 80.5px !important;
    margin-left: 150px !important;
  }

  .tns-break-h2-2 {
    font-size: 80.5px !important;
    margin-left: 40px !important;
  }
  .tns-banner-text {
    bottom: 30px;
    left: 8%;
  }
  .tns-swipper-background {
    height: auto;
  }
  /* end of new tales landing */
}
@media screen and (min-width: 1400px) and (max-width: 1690px) {
  .banner-text-inline h2 {
    margin-right: 8px;
    margin-left: 121px;
  }
  .tns-banner-h2 {
    font-size: 100.5px;
  }
  .tns-banner-h1 {
    font-size: 100.5px;
  }
}

@media screen and (min-width: 1601px) and (max-width: 1919px) {
  .popover_content .each_partner .partner_image {
    max-width: 60px;
  }
  .popover_content .each_partner .partner_title {
    top: 15px;
  }
}

@media screen and (min-width: 1920px) {
  .popover_content .each_partner .partner_image {
    max-width: 75px;
  }
  .popover_content .each_partner .partner_title {
    top: 31px;
  }
  .single_buildings_download {
    float: left;
    left: 3vw;
    position: relative;
    top: 10px;
  }
}
#ot-sel-blk {
  display: none;
}
#filter-btn-handler {
  background-color: #b81e5a !important;
}
.ot-pc-footer-logo {
  display: none;
}
.ot-always-active {
  color: #b90058 !important;
}

#onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob:before {
  background-color: #b81e5a !important;
}
#onetrust-pc-sdk .ot-tgl input:checked + .ot-switch .ot-switch-nob {
  background-color: #b81e5a82 !important;
}
.ot-floating-button__front {
  background-image: url("https://tnsquare.ro/wp-content/uploads/2022/11/cookie-pro.png") !important;
}

#commercial_places_a_content2 {
  display: none;
}
#commercial_places_b_content2 {
  display: none !important;
}

.test {
  .row_footer {
    display: block;
    opacity: 1;
    bottom: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .test .row_footer {
    position: fixed;
    bottom: -75px;
    width: 100%;
    display: none;
  }
}

@media only screen and (min-width: 1200px) {
  .tns-center-video-container {
    width: 1410px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .tns-break-background {
    min-height: 200px;
    object-fit: fill;
  }
  .tns-break-h2-1 {
    font-size: 40.5px !important;
    margin-left: 70px !important;
  }

  .tns-break-h2-2 {
    font-size: 41.5px !important;
    margin-left: 20px !important;
  }
}
@media only screen and (max-width: 600px) {
  .tns-banner-h1 {
    font-size: 36px !important;
  }
  .tns-banner-h2 {
    font-size: 27px !important;
  }
  .banner-text-inline h2 {
    margin-right: 3px !important;
    margin-left: 0px !important;
  }
  .tns-banner-text {
    bottom: 10px;
    left: 6%;
  }
  .tns-custom-top-p-margin {
    margin-top: 8px;
  }
  .tns-break-background {
    min-height: 150px;
    object-fit: fill;
  }
  .tns-break-h2-1 {
    font-size: 22px !important;
    margin-left: 0px !important;
  }
  .tns-break-h2-2 {
    font-size: 22px !important;
    margin-left: 34px !important;
  }
  .banner-text {
    padding-top: 0px;
  }
  .tns-center-video {
    margin-top: 40px !important;
  }
  .tns-custom-center-video-columns-left {
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 0px;
  }
  .new-tales-h1 {
    font-size: 60px;
  }
  .tns-office-h1 {
    font-size: 60px;
  }
  .tns-mb-30 {
    margin-bottom: 15px;
  }
  .tns-banner-text {
    max-width: 100%;
  }
  .tns-btm-border {
    padding-bottom: 10px;
  }
  .tns-phase-2-under-img-2 {
    font-size: 16px;
    padding-bottom: 0px;
  }
  .tns-new-tales-footer {
    padding: 10px 0 !important;
    .logo_project {
      float: right;
      width: 110px;
      background-size: 110px;
    }
    .footer_links {
      float: none;
      margin-top: 70px;
      margin-right: 0;
    }
  }
  .tns-swipper-background {
    background: none;
  }
  .tns-break-h2-p {
    font-size: 22px;
  }
  .tns-h3-under-center-video {
    margin-top: 20px;
  }
  .tns-phase-2-under-img-1 {
    padding-right: 18%;
  }
}
@media only screen and (max-width: 414px) {
  .tns-phase-2-under-img-1 {
    padding-right: 15%;
  }
}

@media only screen and (max-width: 395px) {
  .tns-banner-text {
    left: 3%;
  }
  .tns-break-h2-1 {
    font-size: 20px !important;
    margin-left: 0px !important;
  }
  .tns-break-h2-2 {
    font-size: 20px !important;
    margin-left: 34px !important;
  }
  .tns-break-background {
    min-height: 115px;
    object-fit: fill;
  }
  .tns-phase-2-under-img-1 {
    padding-right: 10%;
  }
}
@media only screen and (max-width: 375px) {
  .tns-banner-text {
    left: 2%;
  }
  .tns-phase-2-under-img-1 {
    padding-right: 5%;
  }
}
@media only screen and (max-width: 360px) {
  .tns-banner-text {
    left: 2%;
  }
  .tns-banner-h1 {
    font-size: 33px !important;
  }
  .tns-banner-h2 {
    font-size: 23px !important;
    margin-left: 19px !important;
  }
  .tns-phase-2-under-img-1 {
    padding-right: 0%;
  }
}