@font-face {
  font-family: 'Georgia-Bold';
  src: url('../fonts/georgiab.eot');
  src: url('../fonts/Georgia-Bold.woff') format('woff'),
       url('../fonts/Georgia-Bold.ttf') format('truetype'),
       url('../fonts/georgiab.eot?#iefix') format('embedded-opentype'),
       url('../fonts/georgiab.woff2') format('woff2'),
       url('../fonts/Georgia-Bold.svg#Georgia-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Georgia-Italic';
  src: url('../fonts/georgiai.eot');
  src: url('../fonts/Georgia-Italic.woff') format('woff'),
       url('../fonts/Georgia-Italic.ttf') format('truetype'),
       url('../fonts/georgiai.eot?#iefix') format('embedded-opentype'),
       url('../fonts/georgiai.woff2') format('woff2'),
       url('../fonts/Georgia-Italic.svg#Georgia-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Georgia-Regular';
  src: url('../fonts/georgia.eot');
  src: url('../fonts/Georgia.woff') format('woff'),
       url('../fonts/Georgia.ttf') format('truetype'),
       url('../fonts/georgia.eot?#iefix') format('embedded-opentype'),
       url('../fonts/georgia.woff2') format('woff2'),
       url('../fonts/Georgia.svg#Georgia') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family:'MinionPro-Regular';
  src: url('../fonts/MinionPro-Regular_gdi.eot');
  src: url('../fonts/MinionPro-Regular_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MinionPro-Regular_gdi.woff') format('woff'),
    url('../fonts/MinionPro-Regular_gdi.ttf') format('truetype'),
    url('../fonts/MinionPro-Regular_gdi.svg#MinionPro-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

/*General styles*/
html, body                    {    height: 100% !important;}
body                          {    margin: 0;
                                   padding: 0;
                                   -ms-overflow-x: hidden;
                                       overflow-x: hidden;
                                   max-width: 100%;
                                   font-family: 'Georgia-Regular';}

p                             {    color: #000;}
h1, h2, h3, h4, h5, p         {    margin: 0; color: #000;}
a                             {    text-decoration: none;}
strong                        {    font-weight: 900;}
ul                            {    padding: 0;}
*                             {    box-sizing: border-box; outline: none;}
*:focus                       {    outline: none;}
::-moz-focus-inner            {    border:0;}
.clearfix:after               {    content: " "; 
                                   visibility: hidden;
                                   display: block;
                                   height: 0;
                                   clear: both;}

a[href^=tel]                  {     color:inherit !important; text-decoration:none;}

.wrapper                      {    margin: 0 auto;
                                   text-align: center;
                                   width: 1200px;}

.vertical:before              {    content: " "; 
                                   display: inline-block; vertical-align: middle; 
                                   height: 100%;
                                   margin-right: -4px;
                              }


/* -------------------------------------
   Custom Styles
   -------------------------------------- */


/*---------------------------------------------------------------*/
/*----------------------      MAIN      -------------------------*/
/*----------------------      PAGE      -------------------------*/
/*---------------------------------------------------------------*/


.section                                {  position: relative;}

.slider                                 {
                                            height: 100%;
                                            width: 100%;
                                            margin: 0;
                                            text-align: center;
                                            background-repeat: no-repeat;
                                            background-position: 50% 50%;
                                            -webkit-background-size: cover;
                                            -o-background-size: cover;
                                            background-size: cover;
                                        }
.slider .slick-list,
.slider .slick-track                    {    height: 100% }
.slide                                  {
                                            height: 100%;
                                            width: 100%;
                                            background-repeat: no-repeat;
                                            background-position: 50% 50%;
                                            -webkit-background-size: cover;
                                            -o-background-size: cover;
                                            background-size: cover;
                                            position: relative;
 
                                        }
.slider    .slick-next,
.slider    .slick-prev                  {   display: none !important;
											z-index: 10; top: auto;
                                            bottom: 150px; 
                                            z-index: 10; top: 73%;
                                            height: 55px; width: 15px;
                                            background-position: 50% 50%;
                                            background-repeat: no-repeat;
                                            -webkit-background-size: 100% 100%;
                                                 -o-background-size: 100% 100%;
                                                    background-size: 100% 100%;
                                            }
@media (max-width: 900px) {
            .slider    .slick-next,
            .slider    .slick-prev      {bottom: 110px;} 
        }
@media (max-width: 600px) {
            .slider    .slick-next,
            .slider    .slick-prev      {bottom: 60px;} 
        }

.slider    .slick-next:before,
.slider    .slick-prev:before                {   display: none;}
.slider    .slick-next                       {   right: 5%; background-image: url(../images/next.png);}
.slider    .slick-prev                       {   left: 5%; background-image: url(../images/prev.png);}
.slider.section-1.full-section .content        {background-color: rgba(0,0,0, 0.5);
                                                padding: 10px 0 60px 0;
                                               } 
.slider.section-1.full-section h1::before    {top: -50.9px;}


.flats .slider    .slick-next,
.flats .slider    .slick-prev                 {   display: block !important; top: 30%}
.flats  .slider    .slick-next                {   right: 5%; background-image: url(../images/next-dark.png);}
.flats  .slider    .slick-prev                {   left: 5%; background-image: url(../images/prev-dark.png);}

.interier .slider    .slick-next,
.interier .slider    .slick-prev         {   display: block !important;}
@media (orientation: landscape) {
  .slide                                {   background-position: 50% 0%;}
}

.slider>.slick-dots                     {
                                            height: 40px;
                                            margin: 0;
                                            bottom: 0px;
                                            padding-top: 5px;
                                            background-image: url(../images/dotsBg.png);
                                            background-repeat: no-repeat;
                                            background-position: 50% 50%;
                                            -webkit-background-size: auto 100%;
                                            -o-background-size: auto 100%;
                                            background-size: auto 100%;
                                        }
.slider>.slick-dots li                          {
                                            height: 12px;
                                            width: 12px;
                                            margin: 0 10px;
                                        }
.slider>.slick-dots li button           {
                                            width: 100%;
                                            height: 100%;
                                            border-radius: 50%;
                                            background: #545556;
                                        }
.slider>.slick-dots li button:before    {   display: none;}
.slider>.slick-dots li.slick-active button
                                        {    background: #9E8B4C }
.mainInfo                               {
                                            display: inline-block;
                                            vertical-align: middle;
                                            padding-top: 47vh;
                                            margin: 0 auto;
                                            width: 760px;
                                            position: relative;
                                            z-index: 3;
                                        }
/*.mainInfo h1:after                      { content: " ";
                                          width: 3000px;
                                          height: 1px;
                                          background-color: rgba(255, 255, 255, 0.3);
                                          position: absolute;
                                          top: 49%;
                                          right: 50%;
                                          margin-right: -1500px;}*/
.mainInfo h1:before                     {
                                            width: 120px;
                                            height: 40px;
                                            display: block;
                                            content: "";
                                            position: absolute;
                                            right: 0;
                                            left: 0;
                                            margin: 0 auto;
                                            top: -31px;
                                            z-index: 2;
                                            background-image: url(../images/icon.png);
                                            background-repeat: no-repeat;
                                            background-position: 50% 50%;
                                            -webkit-background-size: 100% 100%;
                                            -o-background-size: 100% 100%;
                                            background-size: 100% 100%;
                                        }
.mainInfo h1                            {
                                            display: inline-block;
                                            vertical-align: middle;
                                            min-height: 120px;
                                            width: 100%;
                                            font-size: 40px;
                                            font-weight: 100;
                                            letter-spacing: -2px;
                                            font-variant: small-caps;
                                            line-height: 40px;
                                            color: #000;
                                            padding: 17px 40px 25px 40px;
                                            position: relative;
                                            background-image: url(../images/textBg.png);
                                            background-repeat: no-repeat;
                                            background-position: 50% 50%;
                                            -webkit-background-size: 100% 100%;
                                            -o-background-size: 100% 100%;
                                            background-size: 100% 100%;
                                            transform : scale(1,1.5);
                                            -webkit-transform:scale(0.85,0.97); /* Safari and Chrome */
                                            -moz-transform:scale(0.85,0.97); /* Firefox */
                                            -ms-transform:scale(0.85,0.97); /* IE 9+ */
                                            -o-transform:scale(0.85,0.97); /* Opera */
                                        }
.mainInfo h1 .lft,
.mainInfo h1 .rgt                       {   position: absolute;
                                            display: block;
                                            height: 1px;
                                            margin-top: -3px;
                                            top: 50%;
                                            width: 50vw;
                                            background-color: rgba(255, 255, 255, 0.3);
                                        }

.mainInfo h1 .lft                       {   right: 100%;}
.mainInfo h1 .rgt                       {   left: 100%;}

.moreInfo                               {
                                            display: inline-block;
                                            width: 250px;
                                            margin: -13px auto 0;
                                            border: none;
                                            padding: 12px 0 10px;
                                            background: transparent;
                                            background-image: url(../images/buttonBg.png);
                                            background-repeat: no-repeat;
                                            background-position: 50% 50%;
                                            -webkit-background-size: 100% 100%;
                                            -o-background-size: 100% 100%;
                                            background-size: 100% 100%;
                                        }
.moreInfo span                          {
                                            vertical-align: middle;
                                            font-size: 22px;
                                            font-family: "Georgia-Italic";
                                            color: #000;
                                            text-decoration: none;
                                            -webkit-transition: all 0.3s;
                                               -moz-transition: all 0.3s;
                                                -ms-transition: all 0.3s;
                                                 -o-transition: all 0.3s;
                                                    transition: all 0.3s;
                                        }
.moreInfo img                           {
                                            display: inline-block;
                                            vertical-align: middle;
                                            -webkit-transition: all 0.3s;
                                               -moz-transition: all 0.3s;
                                                -ms-transition: all 0.3s;
                                                 -o-transition: all 0.3s;
                                                    transition: all 0.3s;
                                        }
.moreInfo:hover  span                   {  opacity: 0.5;}
.moreInfo:hover  img                    {  opacity: 0.5;}



        @media (max-width: 1200px) {
            .mainInfo h1 br           { display: none;}
        }

        @media (max-width: 765px)               { 
            .mainInfo                 {width: 98%;}
            .mainInfo h1              {width: 110%;
                                              padding: 17px 5.2vw 25px 5.2vw;
                                              margin-left: -5%;
                                              font-size: 5vw;
                                              line-height: 5.2vw;
                                              min-height: 40px;
                                              letter-spacing: 0;
                                              margin-bottom: -2px;
                                              }
            .mainInfo h1 .lft,
            .mainInfo h1 .rgt         {   display: none;}
        }

        @media (max-width: 500px)                 { 
            .mainInfo h1:before         {display: none;}
            .moreInfo                   {padding: 6px 20px 6px; width: auto;}
            .moreInfo span              {font-size: 18px;}
        }
        @media (max-width: 400px)                 { 
            .moreInfo span              {font-size: 14px; padding: 6px 10px 6px;}
            .mainInfo h1                {padding: 17px 5.2vw;}
        }

        /*@media (max-height: 500px) and (orientation: landscape){
            .slide main h1              { font-size: 5.2vh; line-height: 5.2vh;}
            .moreInfo span              { font-size: 12px; margin-right: 5px; padding: 8px 10px 6px;}
        }*/
        @media (max-height: 320px) and (orientation: landscape) and (max-width: 600px) {
            .mainInfo h1              { font-size: 6.2vh; line-height: 6.2vh; padding: 17px 5.2vh;}
            .moreInfo span                   { font-size: 12px; margin-right: 5px; padding: 6px 10px 6px;}
            .mainInfo h1:before       {  bottom: 92%; top: auto;}
        }

        @media (max-height: 750px)                 { 
            .mainInfo                 {padding-top: 35vh;}
        }
        @media (max-height: 650px)                 { 
            .mainInfo                 {padding-top: 30vh;}
        }
        @media (max-height: 400px)                 { 
            .mainInfo                 {padding-top: 13vh;}
        }


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

header                           {
                                     width: 100%;
                                     height: 100px;
                                     position: absolute;
                                     top: 0;
                                     left: 0;
                                     z-index: 10;
                                     padding: 0 6.25vw;
                                     background-color: rgba(0, 0, 0, 0.70);
                                     text-align: center;
                                 }
.logo                            {
                                     height: 100%;
                                     float: left;
                                     width: 214px;
                                 }
.logo img                        {    width: 95% }
nav                              {
                                     display: inline-block;
                                     vertical-align: middle;
                                     text-align: center;
                                 }


.menu-button                     {    display: none }
.menu-button                     {
                                     width: 30px;
                                     height: 25px;
                                     border: none;
                                     background: transparent;
                                     padding: 0;
                                     cursor: pointer;
                                     position: relative;
                                 }
.menu-line                       {
                                     display: block;
                                     position: absolute;
                                     width: 100%;
                                     height: 5px;
                                     background-color: #9e8b4c;
                                     -webkit-border-radius: 1px;
                                     border-radius: 1px;
                                     -webkit-transition: all 0.3s;
                                     -moz-transition: all 0.3s;
                                     -ms-transition: all 0.3s;
                                     -o-transition: all 0.3s;
                                     transition: all 0.3s;
                                 }
.top_line                        {
                                     top: 0;
                                     left: 0;
                                 }
.middle_line                     {
                                     top: 10px;
                                     left: 0;
                                 }
.bottom_line                     {
                                     bottom: 0;
                                     left: 0;
                                 }
.menu-button:hover .menu-line    {    background-color: #b5a368 }
.menu-button.active .top_line    {
                                     transform: rotate(45deg);
                                     -webkit-transform: rotate(45deg);
                                     top: 45%;
                                     background-color: #FFF;
                                 }
.menu-button.active .bottom_line {
                                     transform: rotate(-45deg);
                                     -webkit-transform: rotate(-45deg);
                                     bottom: 35%;
                                     background-color: #FFF;
                                 }
.menu-button.active .middle_line {
                                     width: 0;
                                     left: 50%;
                                 }
nav                              {    position: relative }
nav ul                           {
                                     margin: 0 auto;
                                     padding: 0;
                                 }
nav li                           {
                                     display: inline-block;
                                     margin: 0 0.625vw;
                                 }
nav li a                         {
                                     color: #a7a9ac;
                                     font-size: 16px;
                                     text-transform: uppercase;
                                     font-weight: 100;
                                     -webkit-transition: padding 0.3s;
                                        -moz-transition: padding 0.3s;
                                         -ms-transition: padding 0.3s;
                                          -o-transition: padding 0.3s;
                                             transition: padding 0.3s;
                                     position: relative;
                                 }
@-moz-document url-prefix() {
  nav li a { font-size: 18px; font-variant: small-caps; text-transform: none;}
}


nav li                           { position: relative;}
nav li a:hover,
nav li a.active:hover            {
                                     color: #ddd9ce;
                                     border-bottom: 1px solid #ddd9ce;
                                     padding-bottom: 3px;
                                     top: -2px;
                                 }
nav li.active:after              {  content: " ";
                                    width: 45px;
                                    margin-left: -22px;
                                    position: absolute;
                                    left: 50%;
                                    height: 21px;
                                    background-image: url(../images/menu-arrow.png);
                                    background-repeat: no-repeat;
                                    background-size: 100% 105%;
                                    background-position: 50% 100%;
                                    bottom: -58px;
                                    opacity: 0.8;
                                  }
nav li a.active                  {  color: #9e8b4c;}
header .phone                    {
                                     height: 100%;
                                     float: right;
                                 }
header .phone span               {
                                     color: #9e8b4c;
                                     font-size: 26px;
                                 }




        @media (max-width: 1400px) {
          nav li a                { font-size: 13px;}
          header .phone span      { font-size: 22px;}
          @-moz-document url-prefix() {
            nav li a { font-size: 16px; font-variant: small-caps; text-transform: none;}
          }
          nav li.active:after      { bottom: -60px;}
        }
        @media (min-width: 1200px) {
          nav .menu {display: block!important;}
        }

        @media (max-width: 1200px) {
          header                  { height: 75px;}
          nav li.active:after     { display: none;}
          header .phone           { width: 214px;}

          .menu-button            { display: inline-block; vertical-align: middle;}
          nav .menu               { display:none; position: absolute; 
                                    top: 100%; left: 50%; 
                                    margin-left: -50vw; width: 100vw; 
                                    padding-top: 25px;
                                    z-index: 10;
                                  }
          nav ul                  { display: block; width: 100%; background-color: rgba(0, 0, 0, 0.7);}
          nav ul li               { display: inline-block;}
          nav ul li a             { display: block; padding: 12px 0;}
        }

        @media (max-width: 650px) {
          header .phone           { width: 200px;}
          .logo                   { width: 200px;}
          header .phone           { display: none;}
          header                  { text-align: right;}
          nav .menu               { margin-left: 0; right: -6.25vw; left: auto; width: 100vw;}
          nav ul li               { width: 50%; margin: 0 -2px;}
          nav ul li a:hover,
          nav li a.active:hover       { padding: 12px 0; background-color: #000; border: none; top: 0;}
        }

        @media (max-height: 320px) and (orientation: landscape) {
          header                  { height: 55px;}
          nav li.active:after     { display: none;}
          nav .menu               { padding-top: 15px;}
        }





/*---------------------------------------------------------------*/
/*----------------------   floor info    -------------------------*/
/*----------------------      PAGE      -------------------------*/
/*---------------------------------------------------------------*/
.flats                                  {   position: relative; height: 100%;}
.flats .slider                          {
                                            padding-top: 100px;
                                            position: relative;
                                            background-position: 5% 95%, 99% 97%, 50% 50%;
                                            background-repeat: no-repeat, no-repeat, no-repeat;
                                            -webkit-background-size: auto, auto, cover;
                                            -o-background-size: auto, auto, cover;
                                            background-size: auto, auto, cover;
                                        }
.flats .slider 
.flats .slider>.slick-dots              {    padding-top: 7px }
.flats .slider>.slick-dots:before       {
                                            content: "Этажи:";
                                            display: inline-block;
                                            vertical-align: middle;
                                            font-size: 16px;
                                            color: #96979A;
                                            margin-right: 10px;
                                            -webkit-transform: scale(0.85,0.97); /* Safari and Chrome */
                                            -moz-transform: scale(0.85,0.97); /* Firefox */
                                            -ms-transform: scale(0.85,0.97); /* IE 9+ */
                                            -o-transform: scale(0.85,0.97); /* Opera */
                                        }
.flats .slider>.slick-dots li           {
                                            height: auto;
                                            width: auto;
                                            vertical-align: middle;
                                            margin: 0 1px;
                                        }
.flats .slider>.slick-dots li button    {
                                            font-size: 16px;
                                            color: #9E8B4C;
                                            background: transparent;
                                            width: 23px;
                                            height: 23px;
                                        }
.flats .slider>.slick-dots li.slick-active button
                                        {
                                            font-size: 16px;
                                            color: #000;
                                            background: #9E8B4C;
                                        }
.back-to                                {
                                            text-decoration: underline;
                                            color: #868686;
                                            font-size: 16px;
                                            position: absolute;
                                            top: 120px;
                                            left: 0;
                                            right: 0;
                                            margin: auto;
                                            z-index: 3;
                                            text-align: center;
                                        }
.slide-floor-info                       {
                                            display: inline-block;
                                            vertical-align: middle;
                                            margin-left: 170px;
                                        }
.floor-info                             {
                                            display: inline-block;
                                            vertical-align: top;
                                            position: relative;
                                        }
.floor-info h2                          {
                                            font-size: 40px;
                                            font-variant: small-caps;
                                            font-weight: 100;
                                            -webkit-transform: scale(0.85,0.97); /* Safari and Chrome */
                                            -moz-transform: scale(0.85,0.97); /* Firefox */
                                            -ms-transform: scale(0.85,0.97); /* IE 9+ */
                                            -o-transform: scale(0.85,0.97); /* Opera */
                                        }

.floor-nav                              {
                                            display: inline-block;
                                            vertical-align: top;
                                            margin-top: 100px;
                                        }
.floor-map                    {width: 476px;
                              margin-top: 1vw; 
                              position: relative;
                              height: 509px; 
                              background-image: url(../images/floor.png); 
                              background-repeat: no-repeat;
                              
                              -webkit-background-size: 100% 100%;
                                   -o-background-size: 100% 100%; 
                                      background-size: 100% 100%;
                              }
.floor-map svg                {  position: absolute; width: 100%;
                                height: 100%;
                                left: 0;
                                top: 0;}
.floor-map polygon           {
                                cursor: pointer;
                                -webkit-transition: all .3s;
                                   -moz-transition: all .3s;
                                    -ms-transition: all .3s;
                                     -o-transition: all .3s;
                                        transition: all .3s;
                              }
/*.floor-map polygon:hover      {  fill: rgba(146,129,72, .7); }*/
.floor-map polygon.sold       {  fill: #5E5E5E; opacity: 0.5;}

@media (max-height: 850px)                             { 
    .floor-map        {    width: 380px; height: 407px;}
}
@media (max-height: 730px)                             { 
    .floor-map        {    width: 321px !important; height: 325px !important;}
}
@media (max-width: 430px)                             { 
    .floor-map        {   width: 292px !important; height: 296px !important;}
}
@media (max-height: 650px)                             { 
    .flats .slider {    min-height: 650px; padding-bottom: 80px;}
    .back-to       {    top: 100px }
}

.all-flats                              {    font-size: 18px }
.all-flats span                         {    color: #928148 }
.floor-nav                              {
                                            margin-left: 47px;
                                            text-align: left;
                                        }
.floor-nav ul                           {    list-style-type: none }
.floor-nav span                         {    font-size: 18px }
.floor-nav ul li                        {
                                            text-decoration: underline;
                                            color: #928148;
                                            font-size: 18px;
                                            cursor: pointer;
                                        }
.floor-nav ul li:hover                  {    text-decoration: underline }


/*------ информация про квартиру при наведении ----*/ 
.area-tip                               {
                                            position: absolute;
                                            display: none;
                                            top: -200px;
                                            width: 180px;
                                            background: rgba(0,0,0,.9);
                                            border: 3px solid rgba(255,255,255,.7);
                                            -webkit-border-radius: 15px;
                                            border-radius: 15px;
                                            pointer-events : none;
                                        }
.flat-number                            {
                                           display: inline-block;
                                            vertical-align: middle;
                                            margin-right: 5px;
                                            font-size: 60px;
                                            width: 35px;
                                            color: #FFF;
                                            line-height: 60px;
                                        }
.flat-status                            {
                                            display: inline-block;
                                            vertical-align: top;
                                            width: 90px;
                                            color: #FFF;
                                            font-size: 20px;
                                            text-align: left;
                                            padding: 10px 0 10px 0;
                                        }
.flat-status span                       {    color: #928148 }
.tip-f1                                 {
                                            position: absolute;
                                            top: 180px;
                                            left: 135px;
                                            font-size: 40px;
                                        }
.tip-f2                                 {
                                            position: absolute;
                                            top: 170px;
                                            right: 0;
                                            font-size: 40px;
                                        }
.tip-f3                                 {
                                            position: absolute;
                                            top: 390px;
                                            right: -27px;
                                            font-size: 40px;
                                        }
.status-color                           {   list-style-type: none;
                                            color: #5E5E5E;
                                            font-size: 18px;
                                            position: absolute;
                                            top: 350px;
                                            left: 90px;
                                        }
.status-color li:before                    {
                                            content: "";
                                            display: inline-block;
                                            width: 15px;
                                            height: 15px;
                                            margin-right: 5px;
                                            -webkit-border-radius: 2px;
                                                    border-radius: 2px;   
                                        }
li.status-color__sold                   {   color: #5E5E5E;}
li.status-color__sold:before            {   background-color: #5E5E5E;}


h3 small{
    font-size: 50%;
    text-transform: none;
}


@media (max-height: 850px)                             { 
    .tip-f1                             {
                                            top: 151px;
                                            left: 20px;
                                        }
    .tip-f2                             {
                                            top: 153px;
                                            right: -23px;
                                        }
    .tip-f3                             {
                                            top: 390px;
                                            right: -40px;
                                        }
    .status-color                       {
                                            font-size: 16px;
                                            top: 300px;
                                            left: 70px;
                                        }
}
@media (max-height: 730px)                             { 
    .tip-f1                             {
                                            top: 110px;
                                            left: 25px;
                                        }
    .tip-f2                             {
                                            top: 133px;
                                            right: -59px;
                                        }
    .tip-f3                             {
                                            top: 290px;
                                            right: -27px;
                                        }
    .status-color li:before             {   width: 12px; height: 12px;}
    .status-color                       {
                                            font-size: 14px;
                                            top: 250px;
                                            left: 30px;
                                        }
}
@media (max-height: 650px)                             { 
    .tip-f1                             {
                                            top: 105px;
                                            left: 0;
                                        }
    .tip-f2                             {
                                            top: 140px;
                                            right: 0;
                                        }
    .tip-f3                             {
                                            top: 290px;
                                            right: -27px;
                                        }
    .status-color                       {
                                            font-size: 14px;
                                            top: 250px;
                                            left: 30px;
                                        }
}

/*------ попап про квартиру ----*/                                       
.about-flat                             {
                                            display: none;
                                            width: 950px !important;
                                            min-height: 600px;
                                            padding: 25px 0px 30px 0;
                                            border: 3px solid #fff;
                                            background-image: url(../images/popUpBg.jpg);
                                            background-repeat: no-repeat;
                                            background-position: 50% 50%;
                                            -webkit-background-size: cover;
                                                 -o-background-size: cover;
                                                    background-size: cover;
                                            -webkit-border-radius: 15px;
                                            border-radius: 15px;
                                        }
.mfp-content                            {   text-align: center;}
.mfp-content:after                      {   content: ""; height: 100%; display: inline-block; vertical-align: middle;}
.mfp-content .about-flat                {   display: inline-block; vertical-align: middle;
                                            position: relative;
                                        }
 .mfp-close                             {   font-size: 0px; width: 34px; height: 34px; 
                                            right: 20px; top: 20px;
                                            background-image: url(../images/cross.png) !important;
                                            background-repeat: no-repeat !important;
                                            -webkit-background-size: 100% 100% !important;
                                                  -o-background-size: 100% 100% !important;
                                                     background-size: 100% 100% !important; 
                                        }
.mfp-close:active                       {     top: 20px;}                                      
.about-flat .right,
.about-flat .left                       {
                                            display: inline-block;
                                            vertical-align: top;
                                            margin-right: 0;
                                            height: 100%;
                                            text-align: center;
                                        }
.about-flat .left                       {   width: 50% !important;}
.about-flat .right                      {   width: 46% !important; padding-left: 3%;}
.about-flat .right img,
.about-flat .left img                   {   display: inline-block; max-width: 95%!important;}
.about-flat .left img:nth-child(1)      {   margin-bottom: 45px;}

.about-flat .right                      {   text-align: left;}
.about-flat  h3                         {   font-size: 40px; font-weight: 100; letter-spacing: -1px;
                                            font-variant: small-caps;
                                            margin-left: -33px;
                                            line-height: 1;
                                             -webkit-transform:scale(0.85,0.97); /* Safari and Chrome */
                                            -moz-transform:scale(0.85,0.97); /* Firefox */
                                            -ms-transform:scale(0.85,0.97); /* IE 9+ */
                                            -o-transform:scale(0.85,0.97); /* Opera */
                                        }
.about-flat .right>span                 {   font-size: 18px; color: #444343; display: inline-block; margin-left: -13px;
                                         -webkit-transform:scale(0.85,0.97); /* Safari and Chrome */
                                            -moz-transform:scale(0.85,0.97); /* Firefox */
                                            -ms-transform:scale(0.85,0.97); /* IE 9+ */
                                            -o-transform:scale(0.85,0.97); /* Opera */
                                        }


.about-flat table                      {    margin-top: 25px;}
.about-flat tr                         {    border-top: 1px solid #99874A; height: 50px;}
.about-flat tr th                      {    font-size: 16px; color: #9E8B4C;
                                            font-family: "Georgia-Italic";
                                        }
.about-flat tr td                       {   font: 20px "Georgia-Italic"; color: #202020;}

.about-flat .right button               {   width: 236px;
                                            height: 50px;
                                            cursor: pointer; 
                                            background-color: #99874A;
                                            color: #fff;
                                            font: 20px "Georgia";
                                            border: 3px solid #fff;
                                            -webkit-border-radius: 17px;
                                                    border-radius: 17px;
                                        }
.flat-gallery                           {   margin-top: 15px;}
.flat-gallery .mini-slider .slick-dots  {   text-align: left; padding-left: 40px;}
.flat-gallery .mini-slider              {   margin-bottom: 40px;}
.flat-gallery .mini-slider .slick-dots li button {font-size: 0;}



@media (max-width: 1500px)                             { 
.floor-nav                              {
                                             margin-left: 27px;
                                        }
.floor-nav span                         {    font-size: 18px }
.floor-nav ul li                        {
                                             font-size: 16px;
                                        }
}
@media (max-width: 980px)                             { 
.about-flat                             {   width: 690px !important;}
.about-flat tr td                       {   font-size: 16px;}
.about-flat tr th                       {   font-size: 12px;}
.about-flat .mini-slider .slide         { height: 215px;}
}
@media (max-width: 800px)                             { 
.slide-floor-info                       {   margin-left: 0;}
.floor-nav                              {   display: none;}
.flats .slider                          {   background-size: 25%, 10%, cover;}
.flats .slider .slick-next, .flats .slider .slick-prev {top: 50%;}
.flats .slider .slick-prev              {   left: 3%;}
.flats .slider .slick-next              {   right: 3%;} 
}

@media (max-width: 700px)                             { 
.about-flat                             {   width: 95% !important; padding: 2%; padding-top: 6%; background: #F8F8F8;}
.about-flat .right,
.about-flat .left                       {   width: 100% !important; padding: 3%;}        
.about-flat .right img,
.about-flat .left img                   {   max-width: 45%; margin: 0 1%;}
.about-flat tr td                       {   font-size: 14px;}
.about-flat tr th                       {   font-size: 12px;}
 .mfp-close                             {   width: 24px; height: 24px; 
                                            right: 10px; top: 10px;
                                        }
.about-flat .left img:nth-child(1)      {   margin-bottom: 25px;}
}
@media (max-width: 400px)                             { 
.about-flat .right                      {   text-align: center;}
.about-flat  h3,                        
.about-flat .right>span                 {   margin-left: 0;}
.about-flat .left img                   {   max-width: 95%; margin: 1%;}
.about-flat tr td                       {   font-size: 14px;}
.about-flat tr th                       {   font-size: 10px;}
}





/*------ попап про квартиру ----*/  

.popup-callback                         {   width: 480px;
                                            border: 3px solid #fff;
                                            padding: 20px 5px;
                                            margin: 0 auto;
                                            text-align: center;
                                            -webkit-border-radius: 15px;
                                            border-radius: 15px;
                                            position: relative;
                                            background: rgb(244,255,255, .7); /* Old browsers */
                                            background: -moz-radial-gradient(center, ellipse cover, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 51%, rgba(248,248,248,1) 51%, rgba(210,210,210,1) 100%); /* FF3.6+ */
                                            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(248,248,248,1)), color-stop(0%,rgba(248,248,248,1)), color-stop(51%,rgba(248,248,248,1)), color-stop(51%,rgba(248,248,248,1)), color-stop(100%,rgba(210,210,210,1))); /* Chrome,Safari4+ */
                                            background: -webkit-radial-gradient(center, ellipse cover, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 0%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 51%,rgba(210,210,210,1) 100%); /* Chrome10+,Safari5.1+ */
                                            background: -o-radial-gradient(center, ellipse cover, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 0%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 51%,rgba(210,210,210,1) 100%); /* Opera 12+ */
                                            background: -ms-radial-gradient(center, ellipse cover, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 0%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 51%,rgba(210,210,210,1) 100%); /* IE10+ */
                                            background: radial-gradient(ellipse at center, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 0%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 51%,rgba(210,210,210,1) 100%); /* W3C */
                                        }
.popup-callback h2                      {   font: 40px 'Georgia-Regular';  color: #000;
                                            -webkit-transform: scale(0.85,0.97); /* Safari and Chrome */
                                            -moz-transform: scale(0.85,0.97); /* Firefox */
                                            -ms-transform: scale(0.85,0.97); /* IE 9+ */
                                            -o-transform: scale(0.85,0.97); /* Opera */
                                            }
.popup-callback span                    {   font-size: 18px; color: #444343;
                                            -webkit-transform: scale(0.85,0.97); /* Safari and Chrome */
                                            -moz-transform: scale(0.85,0.97); /* Firefox */
                                            -ms-transform: scale(0.85,0.97); /* IE 9+ */
                                            -o-transform: scale(0.85,0.97); /* Opera */
                                        }
.popup-callback form                    {   margin-top: 20px; padding: 20px 50px; width: 100%;
                                            background-image: url(../images/callbackBg.png);
                                            background-repeat: no-repeat;
                                        }
.popup-callback form input              {   width: 180px; height: 50px; text-align: center;
                                            font: 19px 'Georgia-Italic';
                                            color: #C1C1C1;
                                            border: 1px solid #A6A6A6;
                                            -webkit-box-shadow: inset 0px 6px 4px -8px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 6px 4px -8px rgba(0,0,0,0.75);
box-shadow: inset 0px 6px 4px -8px rgba(0,0,0,0.75);
                                        }
.popup-callback button[type="submit"]    {   width: 246px;
                                            height: 50px;
                                            margin-top: 12px;
                                            display: inline-block;
                                            cursor: pointer; 
                                            background-color: #99874A;
                                            color: #fff;
                                            font: 20px 'Georgia-Regular';
                                            border: 3px solid #fff;
                                            -webkit-transform: scale(0.85,0.97); /* Safari and Chrome */
                                            -moz-transform: scale(0.85,0.97); /* Firefox */
                                            -ms-transform: scale(0.85,0.97); /* IE 9+ */
                                            -o-transform: scale(0.85,0.97); /* Opera */
                                            -webkit-border-radius: 17px;
                                                    border-radius: 17px;
                                        }

@media (max-width: 500px) {
  .popup-callback   {width: 100%;}
}










/*---------------------------------------------------------------*/
/*----------------------    CONTACTS    -------------------------*/
/*----------------------      PAGE      -------------------------*/
/*---------------------------------------------------------------*/
#contacts                         { height: 100%;
                                    width: 100%;
                                    margin-bottom: -4px;
                                    background-image: url(../images/contacts/contacts-main-bg.jpg);
                                    background-repeat: repeat;}
#contacts .feedback,
#contacts .flat-image             { display: inline-block; height: 100%;}
#contacts .feedback               { width: 31.158%; float: left; padding-top: 100px;}
#contacts .flat-image             { width: 68.482%;
                                      float: right;
                                      position: relative;
                                      background-image: url(../images/contacts/flat-image.jpg);
                                      background-repeat: no-repeat;
                                      background-size: cover;
                                      background-position: 50% 50%;}
#contacts .flat-image:after       { content: " ";
                                      width: 10px;
                                      height: 100%;
                                      position: absolute;
                                      top: 0;
                                      bottom: 0;
                                      left: 0;
                                      background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
                                      background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
                                      background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
                                      background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
                                      background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
                                      background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C */}

#contacts .inner-block              { padding-right: 9.5%; text-align: right; overflow: scroll;}
#contacts .engel-logo               { display: inline-block; margin-bottom: 50px; position: relative; padding-top: 50px; width: auto; max-width: 100%;}
#contacts .engel-logo img           { max-width: 100%;}
#contacts .engel-logo:after         { content: " ";
                                      width: 80%;
                                      height: 15px;
                                      position: absolute;
                                      bottom: -45px;
                                      opacity: 0.55;
                                      left: 10%;
                                      background-image: url(../images/contacts/logo-shadow.png);
                                      background-size: 100%;
                                      background-repeat: no-repeat;}  

#contacts p                         { font-size: 16px;
                                      color: #2a2a2a;
                                      letter-spacing: -0.5px;}
#contacts p img                     { margin-left: 4px;}
#contacts .phone-num                { font-size: 32px;
                                      color: #70643e!important;
                                      display: inline-block;
                                      position: relative;
                                      margin-top: 40px;
                                      margin-bottom: 44px;}
#contacts .phone-num:before         { content: " ";
                                      height: 25px;
                                      width: 25px;
                                      position: absolute;
                                      top: 60%;
                                      left: -30px;
                                      margin-top: -12px;
                                      background-image: url(../images/contacts/phone-icon.png);
                                      background-repeat: no-repeat;
                                      background-size: 100% 100%;}


#contacts form                      { padding-bottom: 60px;}
#contacts form p                    { margin-bottom: 7px; letter-spacing: -0.5px;}
#contacts form input                { display: inline-block;
                                      width: 35%;
                                      height: 38px;
                                      margin-left: 2%;
                                      margin-bottom: 5px;}

#contacts form textarea             { width: 73%; display: inline-block; resize: none; height: 82px; padding-top: 5px;}
#contacts form button               { width: 35%;
                                      display: inline-block;
                                      height: 38px;
                                      color: #fff;
                                      background-color: #70653E;
                                      font-family: 'Georgia-Italic';
                                      font-size: 16px;
                                      border: none;
                                      border-radius: 4px;
                                      -webkit-transition: all 0.3s ease;
                                           -o-transition: all 0.3s ease;
                                              transition: all 0.3s ease;}
#contacts form button:hover         { background-color: #4D462B}
#contacts form input,
#contacts form textarea             { border: 1px solid #A7A7A7;
                                      font-family: 'Georgia-Italic';
                                      font-size: 16px;
                                      color: #a5a5a5;
                                      text-align: right;
                                      padding-right: 3%;
                                      margin-bottom: 5px;
                                      -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.6);
                                         -moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.6);
                                              box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.6);}
#contacts address                   { font-family: 'Georgia-Italic';
                                      font-size: 16px;
                                      color: #70653e;
                                      margin-bottom: 20px;}
@media (max-width: 1200px) {
  #contacts .feedback               { padding-top: 75px; width: 40%;}
  #contacts .flat-image             { width: 60%;}
}

@media (max-width: 800px) {
  #contacts .feedback               { width: 50%;}
  #contacts .inner-block            { padding-right: 3%;}
  #contacts .flat-image             { width: 50%;}
}
@media (max-width: 700px) {
  #contacts .feedback               { width: 100%;}
  #contacts .inner-block            { padding-left: 3%; text-align: left; padding-right: 3%;}
  #contacts .flat-image             { display: none;}
  #contacts form input              { width: 73%; margin-left: 0; text-align: left;}
  #contacts form textarea           { text-align: left;}
  #contacts .phone-num              { margin-left: 30px;}
}

@media (max-width: 450px) {
  #contacts form input,
  #contacts form textarea           { width: 100%;}
}
@media (max-height: 320px) {
  #contacts .feedback               {padding-top: 55px;}
}


/*---------------------------------------------------------------*/
/*----------------------      FLATS     -------------------------*/
/*----------------------      PAGE      -------------------------*/
/*---------------------------------------------------------------*/
#house                              {height: 100%;
                                      width: 100%;
                                      position: relative;
                                      background-color: #000;
                                      overflow: hidden;}
.map-wrap                           { position: relative;
                                      width: 100%;}
#img                                { display: none;}
#img,
#img-svg                                {width: 100%; position: absolute; top: 50%; left: 0;
                                        -webkit-transition: all .3s;
                                           -moz-transition: all .3s;
                                            -ms-transition: all .3s;
                                             -o-transition: all .3s;
                                                transition: all .3s;

                                     }

#img-svg polygon                    { opacity: 0;
                                      cursor: pointer;
                                      -webkit-transition: all 0.3s ease;
                                      -o-transition: all 0.3s ease;
                                      transition: all 0.3s ease;}
#img-svg polygon:hover              { opacity: 1; fill: rgba(255,255,255,0.6);}
/*#mapster_wrap_0                     {width: 100%!important; height: auto!important;}
.mapster_el                         {width: 100%!important; height: auto!important;}
#Map                                {width: 100%!important;}*/
.flats {display: none;}


/*---------------------------------------------------------------*/
/*----------------------      MAP       -------------------------*/
/*----------------------      PAGE      -------------------------*/
/*---------------------------------------------------------------*/
#map                                 { height: 100%; width: 100%; position: relative;}
#map .map-wrap                       { width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#map-canvas                          { height: 100%; width: 100%;}
.tooltip                             { display: inline-block; vertical-align: middle; width: 50%; text-align: center; padding-top: 100px;}
.tooltip .box                        { display: none;
                                        width: 370px;
                                        position: relative;
                                        z-index: 10;
                                        padding-bottom: 15px;
                                        text-align: left;
                                        background-color: rgba(255,255,255,0.85);
                                        border-radius: 35px;
                                        border: 10px solid rgba(156,137,76,0.3);
                                        -webkit-background-clip: padding-box;
                                                background-clip: padding-box;}
.tooltip .text-block                 { text-align: left; padding: 10px 15px;}
.tooltip .text-block h3              { font-size: 30px;
                                       font-variant: small-caps;
                                       line-height: 20px;
                                       font-weight: normal;
                                       text-align: left;
                                       display: inline-block;
                                       position: relative;
                                       letter-spacing: -0.5px;}
.tooltip .text-block h3 span         { font-size: 16px; font-variant: normal; display: inline-block;}
.tooltip .text-block h3:after        {content: " ";
                                       width: 66px;
                                       height: 1px;
                                       position: absolute;
                                       bottom: -25px;
                                       background-color: #000;
                                       left: 0;}
.tooltip .text-block p               { font-size: 16px; margin-top: 50px; font-family: 'Times New Roman'}
.close-box                           { width: 26px;
                                        height: 26px;
                                        position: absolute;
                                        left: 50%;
                                        margin-left: -14px;
                                        bottom: -18px;
										
										
                                        border-radius: 50%;
                                        background-image: url(../images/close.svg);
                                        background-size: 50% 50%;
                                        background-position: 50% 50%;
                                        background-repeat: no-repeat;
                                        border: none;
                                        background-color: #E1E1E1;}
.panorams                             { position: absolute;
                                        width: 210px;
                                        margin-left: -105px;
                                        height: 44px;
                                        bottom: 0;
                                        left: 50%;
                                        text-align: center;
                                        background-image: url(../images/dotsBg.png);
                                        background-size: 100% 100%;
                                        background-repeat: no-repeat;
                                        opacity: 0.8;
                                        -webkit-transition: all 0.3s ease;
                                             -o-transition: all 0.3s ease;
                                                transition: all 0.3s ease;}
.panorams:hover                       { opacity: 1;}
.panorams a                           { display: inline-block;
                                        vertical-align: middle;
                                        font-size: 16px;
                                        color: #9e8b4c;
                                        text-decoration: underline;}

.gm-style                       {       overflow: visible !important;}
a[href^="http://maps.google.com/maps"] {display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
.gmnoprint a,
.gmnoprint span,
.gm-style-cc                    {       display:none;}
.gmnoprint div                  {       background:none !important;}


@media (max-width: 1200px) and (orientation: portrait) {
  .tooltip                            { width: 100%; padding-top: 75px;}
}
@media (max-width: 1200px) and (orientation: landscape) {
  .tooltip                            { padding-top: 75px;}
}
@media (orientation: landscape) and (max-height: 550px) {
  .tooltip .mini-slider .slide        { height: 170px; width: 100%;}
  .tooltip .box                       { width: 320px;}
}
@media (max-width: 1200px) and (orientation: landscape) and (max-height: 470px) {
  .tooltip                            { padding-top: 0;}
}
@media (max-width: 1200px) and (orientation: landscape) and (max-height: 390px) {
  .tooltip                            { position: static;}
}
@media (max-width: 600px) and (orientation: landscape) and (max-height: 390px) {
  .tooltip                            { width: 100%; height: auto;}
  #map                                { height: auto; min-height: 100%;}
}
@media (max-width: 400px) {
  .tooltip .box                       { width: 90%;}
}


/*---------------------------------------------------------------*/
/*----------------------      ABOUT     -------------------------*/
/*----------------------      PAGE      -------------------------*/
/*---------------------------------------------------------------*/
#about                          { position: relative;
                                  background-image: url(../images/main-bg.jpg);
                                  background-repeat: repeat;}
#about .section                 { position: relative;
                                  -webkit-box-shadow: inset 0px 0px 220px 0px rgba(0,0,0,1);
                                     -moz-box-shadow: inset 0px 0px 220px 0px rgba(0,0,0,1);
                                          box-shadow: inset 0px 0px 220px 0px rgba(0,0,0,1);}
.sun:after                      { content: " ";
                                  width: 80px;
                                  height: 80px;
                                  position: absolute;
                                  bottom: 35px;
                                  right: 45px;
                                  background-image: url(../images/about/sun.png);
                                  background-repeat: no-repeat;
                                  background-size: 100%;
                                  background-position: 50% 50%;}

#about .section-1               { background-image: url(../images/about/about-bg.jpg);
                                  background-repeat: no-repeat;
                                  background-size: cover;
                                  background-position: 50% 50%;}
#myMenu                         { position: fixed;
                                  right: 0;
                                  top: 50%;
                                  height: 160px;
                                  margin-top: -80px;
                                  width: 44px;
                                  background-image: url(../images/about/menu-bg.png);
                                  background-size: 100% 100%;
                                  background-repeat: no-repeat;}
#myMenu                         { padding: 0;}
#myMenu .wrap                   { display: inline-block; vertical-align: middle; text-align: center;  width: 100%;}
#myMenu li                      { display: block; text-align: center; list-style: none; height: 30px; width: 100%;}
#myMenu li:before               { margin: 0;}
#myMenu li a                    { width: 10px;
                                  height: 10px;
                                  border-radius: 50%;
                                  display: inline-block;
                                  background-color: #58595B;
                                  -webkit-transition: all 0.3s ease;
                                       -o-transition: all 0.3s ease;
                                          transition: all 0.3s ease;
                                          vertical-align: middle;}
#myMenu li.active a             { width: 12px; height: 12px; background-color: #9E8B4C;}

.section-1.full-section .content,
#fullpage-history .content      {width: 100%;
                                  background-color: rgba(0,0,0,0.4);
                                  height: auto;
                                  position: absolute;
                                  bottom: 0;
                                  left: 0;
                                  right: 0;
                                  text-align: center;
                                  padding: 30px 0;}
.section-1.full-section h1,
#fullpage-history h1            { font-size: 40px;
                                  font-weight: normal;
                                  color: #fff;
                                  line-height: 35px;
                                  font-variant: small-caps;
                                  position: relative;
                                  margin-bottom: 60px;
                                  transform : scale(1,1.5);
                                  -webkit-transform:scale(0.85,0.97); /* Safari and Chrome */
                                  -moz-transform:scale(0.85,0.97); /* Firefox */
                                  -ms-transform:scale(0.85,0.97); /* IE 9+ */
                                  -o-transform:scale(0.85,0.97); /* Opera */}
.section-1.full-section h1:after,
#fullpage-history h1:after      { content: " ";
                                  width: 68px;
                                  height: 1px;
                                  position: absolute;
                                  background-color: #fff;
                                  bottom: -30px;
                                  opacity: 0.6;
                                  left: 50%;
                                  margin-left: -34px;}
.section-1.full-section h1:before    { content: " ";
                                  width: 124px;
                                  height: 40px;
                                  position: absolute;
                                  background-image: url(../images/about/circles.png);
                                  background-repeat: no-repeat;
                                  background-size: 100% 100%;
                                  background-position: 50% 100%;
                                  top: -71px;
                                  left: 50%;
                                  margin-left: -62px;}
.section-1.full-section .more   { width: 220px;
                                  height: 54px;
                                  background-color: #DDD9CE;
                                  color: #000;
                                  font-family: 'Georgia-Italic';
                                  font-size: 22px;
                                  display: inline-block;
                                  border-radius: 14px;
                                  border: 4px solid rgba(0,0,0,0.3);
                                  -webkit-transition: all 0.3s ease;
                                       -o-transition: all 0.3s ease;
                                          transition: all 0.3s ease;
                                  -webkit-background-clip: padding-box;
                                          background-clip: padding-box;}
.section-1.full-section .more span {display: inline-block; vertical-align: middle;}
.section-1.full-section .more:hover   { background-color: #C1BEB4;}
.section-1.full-section .more:before  { margin: 0;}
.section-1.full-section .down-arrow   { width: 57px;
                                  height: 14px;
                                  display: block;
                                  margin: 0 auto;
                                  background-image: url(../images/about/arrow-down.png);
                                  background-repeat: no-repeat;
                                  background-size: 100%;
                                  margin-top: 20px;}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
	padding-bottom: 80px;
}
#about .section-2 .fp-tableCell,
#about .section-3 .fp-tableCell { padding-top: 100px;}

#about .section-2 .wrap,
#about .section-3 .wrap         { display: inline-block; vertical-align: middle; text-align: center; width: 100%;}

#about .section-2 .box          { width: 480px; margin-bottom: 1px; display: inline-block; text-align: center; vertical-align: top;}
#about .section-3 .box          { width: 410px; margin-bottom: 1px; display: inline-block; text-align: center; vertical-align: top;}

#about .mini-slider,
#about .text-block   {width: 87.5%!important; display: inline-block;}

.mini-slider .slide             { width: 100%;
                                  height: 315px;
                                  border-radius: 25px;
                                  background-size: cover;
                                  background-repeat: no-repeat;
                                  background-position: 50% 50%;
                                  display: block;  }

.mini-slider .slick-dots        { top: 100%; margin-top: -15px;}
.mini-slider .slick-dots li     { display: inline-block;
                                  vertical-align: middle;
                                  height: auto;
                                  width: 22px; 
                                  text-align: center;
                                  margin: 0 5px;}
.mini-slider .slick-dots li button { width: 12px;
                                    height: 12px;
                                    border-radius: 50%;
                                    display: inline-block;
                                    background-color: #F1F1F1;
                                    border: 2px solid #000;
                                    vertical-align: middle;
                                    -webkit-transition: background-color 0.3s ease;
                                         -o-transition: background-color 0.3s ease;
                                            transition: background-color 0.3s ease;}

.mini-slider .slick-dots li button:before {display: none;}
.mini-slider .slick-dots li.slick-active button {width: 20px; height: 20px; background-color: #1E1E1E; border: 3px solid #F1F1F1}



#about .text-block    { text-align: left;}
#about .text-block h3 { font-size: 30px;
                                    font-variant: small-caps;
                                    line-height: 32px;
                                    font-weight: normal;
                                    text-align: left;
                                    display: inline-block;
                                    position: relative;
                                    letter-spacing: -0.5px;}
#about .text-block h3:after {content: " ";
                                        width: 66px;
                                        height: 1px;
                                        position: absolute;
                                        bottom: -25px;
                                        background-color: #000;
                                        left: 0;}
#about .text-block p   { font-size: 16px; margin-top: 50px; font-family: 'Times New Roman'}


@media (max-height: 850px) {
  .mini-slider .slide             { height: 250px;}
}
@media (max-height: 649px) {
  #about .section-2 .fp-tableCell,
  #about .section-3 .fp-tableCell { height: auto!important; padding: 50px 0;}
  #about .section-2,
  #about .section-3               { -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
                                       -moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
                                            box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
                                    padding: 0;}
  .sun:after                      { display: none;}
  #myMenu                         { display: none;}
}

@media (max-width: 1300px) {
  #about .section-3 .box          { width: 33%;}
}

@media (max-width: 1199px) {
  #about .section-2 .fp-tableCell,
  #about .section-3 .fp-tableCell { height: auto!important; padding: 50px 0;}
  #about .section-2,
  #about .section-3               { -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
                                       -moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
                                            box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
                                    height: auto!important;}
  .sun:after                      { display: none;}
  #myMenu                         { display: none;}
}

@media (max-width: 1000px) {
  #about .section-3 .box,
  #about .section-2 .box          { width: 48%;}
  #about .section-2 .box,
  #about .section-3 .box          { margin-bottom: 50px;}
  #about .text-block h3           { font-size: 25px;}
  #about .text-block p            { margin-top: 25px;}
  #about .text-block h3:after     { bottom: -12px}
}

@media (max-width: 800px) {
  #about .text-block h3           { font-size: 20px;}
  .mini-slider .slide             { height: 170px;}
  #about .text-block p            { font-size: 14px;}
}
@media (max-width: 800px) {
  .page__flats .mini-slider .slide             { height: 200px;}
}


@media (max-width: 500px) {
  #about .section-3 .box,
  #about .section-2 .box          { width: 100%;}
}


@media (max-width: 900px) {
  .section-1.full-section .content{ padding: 12px 0;}
  .section-1.full-section h1      { font-size: 30px; margin-bottom: 20px;}
  .section-1.full-section h1:after{ display: none;} 
  .section-1.full-section h1:before{display: none;}
  .section-1.full-section .down-arrow {display: none;}
  .section-1.full-section .more   { height: 45px; width: 180px;}
}

@media (max-width: 650px) {
  .section-1.full-section h1      { font-size: 22px; margin-bottom: 10px; line-height: 25px;}
  .section-1.full-section h1 br   { display: none;}
}

/*---------------------------------------------------------------*/
/*----------------------    HISTORY     -------------------------*/
/*----------------------      PAGE      -------------------------*/
/*---------------------------------------------------------------*/
#history                        { position: relative;
                                  background-image: url(../images/main-bg.jpg);
                                  background-repeat: repeat;}
#history .section               { position: relative;
                                  -webkit-box-shadow: inset 0px 0px 150px 20px rgba(0,0,0,1);
                                     -moz-box-shadow: inset 0px 0px 150px 20px rgba(0,0,0,1);
                                          box-shadow: inset 0px 0px 150px 20px rgba(0,0,0,1);
                                  overflow: hidden;
                                  }
@media (max-width: 1100px) {
  #history .section               { -webkit-box-shadow: inset 0px -12px 100px -30px rgba(0,0,0, .6);
                                     -moz-box-shadow: inset 0px -12px 100px -30px rgba(0,0,0, .6);
                                          box-shadow: inset 0px -12px 100px -30px rgba(0,0,0, .6);
                                  }

}
@media (max-height: 600px) {
  #history .section               { -webkit-box-shadow: inset 0px -12px 100px -30px rgba(0,0,0, 1);
                                     -moz-box-shadow: inset 0px -12px 100px -30px rgba(0,0,0, 1);
                                          box-shadow: inset 0px -12px 100px -30px rgba(0,0,0, 1);
                                  }

}

#historyMenu                    { height: 360px;
                                  position: fixed;
                                  margin-top: -140px;
                                  top: 50%;
                                  left: 5%;
                                  z-index: 1;}
#historyMenu:after              { content: " "; width: 2px; left: -1px; top: 20px;
                                  bottom: 20px; background-color: #000;
                                  position: absolute;
                                  z-index: -1;}
#historyMenu .wrap              { display: inline-block; vertical-align: middle;}
#historyMenu li                 { list-style: none; height: 40px; max-width: 160px; line-height: 18px;}
#historyMenu a                  { position: relative; padding-left: 25px; display: inline-block; color: #686868}
#historyMenu .bubble            { display: block;
                                  width: 12px;
                                  height: 12px;
                                  border-radius: 50%;
                                  position: absolute;
                                  top: 50%;
                                  margin-top: -6px;
                                  left: 0;
                                  margin-left: -6px;
                                  border: 2px solid #000;
                                  background-color: #fff;
                                  -webkit-transition: all 0.3s ease;
                                  -o-transition: all 0.3s ease;
                                  transition: all 0.3s ease;}

#historyMenu li:hover .bubble,
#historyMenu li.active .bubble  { width: 20px;
                                  height: 20px;
                                  border: 3px solid #fff;
                                  background-color: #000;
                                  margin-top: -10px;
                                  margin-left: -10px;}

#historyMenu li:hover a, 
#historyMenu li.active a         { color: #000; font-family: 'Georgia-Bold';}


.sect-2                          { text-align: center; position: relative;}
.sect-2  .fp-tableCell           {  padding: 0;}
.sect-2 .tooltip                 { position: absolute; top: 0; left: 0; bottom: 0;}
.sect-2 .tooltip .box            { z-index: 10!important; position: relative; vertical-align: middle;}
.sect-2 .tooltip .box a          { color: #65572a; text-decoration: underline;}
.map-title                       { position: absolute; right: 30px; top: 130px;}
.sect-2 .wrap                    { width: 80%; display: inline-block; position: relative; padding-top: 50px;}
.sect-2 img                      { width: 100%; opacity: 0.5; max-height: 100%; position: relative;}

.marker-mini                     { background-image: url(../images/marker-mini.png);
                                    background-size: 100% 100%;
                                    background-position: 50% 50%;
                                    display: block;
                                    position: absolute;
                                    margin-top: -54px;
                                    height: 54px;
                                    width: 46px;
                                    cursor: pointer;
                                    margin-left: -23px;}
.marker-mini:hover,
.marker-mini.active              { background-image: url(../images/marker-mini-hover.png);}
.marker-big                      { background-image: url(../images/map/main-marker.png);
                                    background-size: 100% 100%;
                                    background-position: 50% 50%;
                                    display: block;
                                    position: absolute;
                                    margin-top: -92px;
                                    margin-left: -41px;
                                    height: 98px;
                                    width: 82px;
                                    cursor: pointer;}
.marker-main                     { top: 64%; left: 44%;}
.marker-01                       { top: 73%; left: 26%;}
.marker-02                       { top: 50%; left: 36%;}
.marker-03                       { top: 67%; left: 38%;}
.marker-04                       { top: 78%; left: 43%;}
.marker-05                       { top: 66%; left: 50%;}
.marker-06                       { top: 51%; left: 57%;}
.marker-07                       { top: 66%; left: 61%;}
.marker-08                       { top: 85%; left: 62%;}
.marker-09                       { top: 51%; left: 69%;}

@media (max-width: 1200px) {
  .sect-2 .wrap                  { width: 100%; padding-top: 0; height: auto;}
  .map-title                     { top: 30px;}
  #historyMenu                   {display: none;}
  .sect-2 .tooltip               { padding-top: 0;}
}
@media (max-height: 600px) {
  .sect-2 .wrap                  { width: 100%; padding-top: 0; height: auto;}
  .map-title                     { display: none;} 
  #historyMenu                   { display: none;}
  .sect-2 .tooltip               { padding-top: 0;}
}
@media (max-width: 1000px) {
  .sect-2 .wrap                  { width: 100%; padding-top: 0; height: auto;}
  .map-title                     { display: none;}
}
@media (max-width: 900px) {
  .sect-2 .wrap                  { width: 120%; margin-left: -10%;}
}
@media (max-width: 700px) {
  .sect-2 .wrap                  { width: 140%; margin-left: -20%;}
}
@media (max-width: 500px) {
  .sect-2 .wrap                  { width: 190%; margin-left: -40%;}
}


/*-------------------------- section-1 -----------------------------*/
#fullpage-history .wrap           {    text-align: center; }
#fullpage-history .sect-1         {
                                      min-height: 480px;
                                      background-image: url(../images/history-1-Bg.png);
                                      background-repeat: no-repeat;
                                      background-position: 50% 10%;
                                      -webkit-background-size: 60% auto;
                                      -o-background-size: 60% auto;
                                      background-size: 60% auto;
                                  }
#fullpage-history .content        {
                                      background-color: transparent;
                                      margin: 0 auto;
                                      padding: 0 0 85px 0;
                                  }
#fullpage-history h1              {
                                      color: #000;
                                      font-size: 32px;
                                      line-height: 30px;
                                  }
#fullpage-history h1:after        {    background-color: #292929 }
#fullpage-history .content p      {
                                      width: 810px;
                                      font-size: 17px;
                                      color: #333333;
                                      line-height: 20px;
                                      font-family: 'MinionPro-Regular';
                                      margin: 0 auto 55px;
                                      -webkit-transform: scale(0.87,1);
                                      -moz-transform: scale(0.87,1); 
                                      -ms-transform: scale(0.87,1);
                                      -o-transform: scale(0.87,1); 
                                  }
#fullpage-history .more           {
                                      font-size: 16px;
                                      color: #85784D;
                                      text-decoration: underline;
                                      position: absolute;
                                      left: 0; right: 0; 
                                      bottom: 30px;
                                      margin: auto;
                                      text-align: center;
                                  }
#fullpage-history .down-arrow     {    background-image: url("../images/arrow-down-dark.png");
                                      height: 14px;
                                      width: 58px;
                                      background-size: auto 90%;
                                      background-position: 50% 50%;
                                      background-repeat: no-repeat;
                                      display:inline-block; margin-top: 15px;}




@media (max-width: 820px){ 
    #fullpage-history .content p    {   width: 100%; padding: 0 20px; margin-bottom: 20px;}
    #fullpage-history .sect-1       {   -webkit-background-size: 80% auto;
                                        -o-background-size: 80% auto;
                                        background-size: 80% auto;
                                    }
    #historyMenu                    {    display: none }
}
@media (max-width: 980px) and (max-height: 1280px) and (min-height: 800px)                      { 
    #fullpage-history .sect-1       {    background-position: 50% 30% }
    #fullpage-history .content p    {    margin-bottom: 50px;}
}
@media (max-width: 650px){ 
    #fullpage-history h1            {    font-size: 28px;
                                         margin-bottom: 30px;
                                         text-shadow: 3px -1px #fff;
                                    }
    #fullpage-history h1:after      {    display: none }
    #fullpage-history .content p    {    width: 100%; padding: 0 5px; margin-bottom: 10px !important;}
    #fullpage-history .sect-1       {
                                        background-position: 50% 10% !important;
                                        -webkit-background-size: 130% auto;
                                        -o-background-size: 130% auto;
                                        background-size: 130% auto;
                                    }
}
@media (max-width: 400px){ 
    #fullpage-history h1         {    font-size: 26px; margin-bottom: 40px;}
    #fullpage-history .content p {    font-size: 14px }
}





.history-info-block               {
                                      display: inline-block;
                                      vertical-align: middle;
                                      text-align: left;
                                      padding-top: 170px;
                                  }
.history-info-block .img-wrap     {
                                      width: 312px;
                                      margin-right: 60px;
                                      display: inline-block;
                                      vertical-align: top;
                                  }
.history-info-block .img-wrap img {    width: 100% }
.history-info-block__text         {
                                      display: inline-block;
                                      vertical-align: top;
                                      width: 430px;
                                  }
.history-info-block__text h2      {
                                      font-size: 32px;
                                      color: #000;
                                      margin-bottom: 45px;
                                      font-weight: normal;
                                      line-height: 32px;
                                      font-variant: small-caps;
                                      position: relative;
                                      margin-bottom: 40px;
                                      transform: scale(1,1.5);
                                      -webkit-transform: scale(0.79,0.9);
                                      -moz-transform: scale(0.79,0.9);
                                      -ms-transform: scale(0.79,0.9);
                                      -o-transform: scale(0.79,0.9);
                                      margin-left: -50px;
                                  }
.history-info-block__text h2:after
                                  {
                                      content: " ";
                                      width: 68px;
                                      height: 1px;
                                      position: absolute;
                                      background-color: #000;
                                      bottom: -30px;
                                      opacity: 0.6;
                                      left: 0%;
                                  }
.history-info-block__text p       {
                                      font-size: 17px;
                                      color: #333333;
                                      line-height: 20px;
                                      font-family: 'MinionPro-Regular';
                                      margin: 0 0 15px 0;
                                      margin-left: -30px;
                                      -webkit-transform: scale(0.87,1);
                                      -moz-transform: scale(0.87,1);
                                      -ms-transform: scale(0.87,1); 
                                      -o-transform: scale(0.87,1);
                                  }

@media (max-width: 1200px){ 
    .history-info-block                 { padding-top: 100px;}
    .history-info-block .img-wrap       {
                                              width: 304px;
                                              overflow: hidden;
                                        }
    .history-info-block .img-wrap img   {     width: auto;margin-left: -21px;}
}

@media (max-height: 600px){ 
    .history-info-block                 { padding-top: 100px;}
    .history-info-block .img-wrap       {
                                              width: 304px;
                                              overflow: hidden;
                                        }
    .history-info-block .img-wrap img   {     width: auto;margin-left: -21px;}
}
@media (max-width: 820px){ 
    .history-info-block                 {     width: 100%; text-align: center;
                                        }
    .history-info-block .img-wrap       {
                                              display: inline-block;
                                              margin: 0 0 20px 0;
                                        }
    .history-info-block__text           {     width: 100%; padding: 0 10px; text-align: center;}
    .history-info-block__text h2        {     margin-left: 0;}
    .history-info-block__text h2:after
                                        {     left: 0; right: 0; margin: auto;}
    .history-info-block__text p         {     margin-left: 0;}
}
@media (max-width: 600px){ 
    .history-info-block__text h2       {
                                            font-size: 28px;
                                            margin-bottom: 20px;
                                       }
    .history-info-block__text h2:after {    display: none }
    .history-info-block__text p        {    font-size: 15px }
}
@media (max-width: 360px){ 
    .history-info-block__text h2       {    font-size: 24px }
    .history-info-block__text p        {    font-size: 14px }
}




/*------ попап про квартиру ----*/  

.popup-callback                         {   width: 480px;
                                            border: 3px solid #fff;
                                            padding: 20px 5px;
                                            margin: 0 auto;
                                            text-align: center;
                                            -webkit-border-radius: 15px;
                                            border-radius: 15px;
                                            position: relative;
                                            background: rgb(244,255,255, .7); /* Old browsers */
                                            background: -moz-radial-gradient(center, ellipse cover, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 51%, rgba(248,248,248,1) 51%, rgba(210,210,210,1) 100%); /* FF3.6+ */
                                            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(248,248,248,1)), color-stop(0%,rgba(248,248,248,1)), color-stop(51%,rgba(248,248,248,1)), color-stop(51%,rgba(248,248,248,1)), color-stop(100%,rgba(210,210,210,1))); /* Chrome,Safari4+ */
                                            background: -webkit-radial-gradient(center, ellipse cover, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 0%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 51%,rgba(210,210,210,1) 100%); /* Chrome10+,Safari5.1+ */
                                            background: -o-radial-gradient(center, ellipse cover, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 0%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 51%,rgba(210,210,210,1) 100%); /* Opera 12+ */
                                            background: -ms-radial-gradient(center, ellipse cover, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 0%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 51%,rgba(210,210,210,1) 100%); /* IE10+ */
                                            background: radial-gradient(ellipse at center, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 0%,rgba(248,248,248,1) 51%,rgba(248,248,248,1) 51%,rgba(210,210,210,1) 100%); /* W3C */
                                        }
.popup-callback h2                      {   font: 40px 'Georgia-Regular';  color: #000;
                                            -webkit-transform: scale(0.85,0.97); /* Safari and Chrome */
                                            -moz-transform: scale(0.85,0.97); /* Firefox */
                                            -ms-transform: scale(0.85,0.97); /* IE 9+ */
                                            -o-transform: scale(0.85,0.97); /* Opera */
                                            }
.popup-callback span                    {   font-size: 18px; color: #444343;
                                            -webkit-transform: scale(0.85,0.97); /* Safari and Chrome */
                                            -moz-transform: scale(0.85,0.97); /* Firefox */
                                            -ms-transform: scale(0.85,0.97); /* IE 9+ */
                                            -o-transform: scale(0.85,0.97); /* Opera */
                                        }
.popup-callback form                    {   margin-top: 20px; padding: 20px 50px; width: 100%;
                                            background-image: url(../images/callbackBg.png);
                                            background-repeat: no-repeat;
                                        }
.popup-callback form input              {   width: 180px; height: 50px; text-align: center;
                                            font: 19px 'Georgia-Italic';
                                            color: #C1C1C1;
                                            border: 1px solid #A6A6A6;
                                            -webkit-box-shadow: inset 0px 6px 4px -8px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 6px 4px -8px rgba(0,0,0,0.75);
box-shadow: inset 0px 6px 4px -8px rgba(0,0,0,0.75);
                                        }
.popup-callback button[type="submit"]    {   width: 246px;
                                            height: 50px;
                                            margin-top: 12px;
                                            display: inline-block;
                                            cursor: pointer; 
                                            background-color: #99874A;
                                            color: #fff;
                                            font: 20px 'Georgia-Regular';
                                            border: 3px solid #fff;
                                            -webkit-transform: scale(0.85,0.97); /* Safari and Chrome */
                                            -moz-transform: scale(0.85,0.97); /* Firefox */
                                            -ms-transform: scale(0.85,0.97); /* IE 9+ */
                                            -o-transform: scale(0.85,0.97); /* Opera */
                                            -webkit-border-radius: 17px;
                                                    border-radius: 17px;
                                        }

@media (max-width: 500px) {
  .popup-callback   {width: 100%;}
}