/*
To change this template, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18.11.2015, 4:21:46
    Author     : Den
*/

.magnific__slider .slide:after{
    display: none;
    content: '';
    
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    
    background-color: rgba( 0, 0, 0, 0.5 );
    border-radius: 25px;
    
    background-image: url(../images/magnify-alt.png );
    background-repeat: no-repeat;
    background-position: center;
}

.magnific__slider a[rel="slide__item"]:hover .slide:after{
    display: inline-block;
}

#about .text-block p{
    text-align: justify;
}

#about .notitle .text-block p{
    margin-top: 25px;
    font-size: 1.35em;
}

h3.col2 {
    display: inline-block;
    font-size: 2.2em;
    font-variant: small-caps;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 32px;
    position: relative;
    text-align: left;
    margin-bottom: 55px;
}

h3.col2::after {
    background-color: #000;
    bottom: -40px;
    content: " ";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

#about .section-2 div.col2{
    width: 965px;
    margin: 0 auto;
}

#about .section-2 .box.immage-wrap{
    margin-bottom: 30px;
}

.history-map{
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-image: url( /images/map/hostory.jpg );
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*
.floor-map:after{
    content: " ";
    display: inline-block;
    position: absolute;
    right: 0;
    height: 100%;
    width: 40px;
     background-image:url(../images/floor_street.png); 

      -webkit-background-position: right bottom;
           -o-background-position: right bottom; 
              background-position: right bottom;                                   
    background-repeat: no-repeat;          
              
    margin-right: -40px;
    
}                              
*/


.slider.section-1.full-section .content:after{
    display: inline-block;
    position: absolute;
    content: "";
    right: 10px;
    bottom: 10px;
    width: 82px;
    height: 83px;
    background-image: url( /images/sun-white.png );
    background-repeat: no-repeat;
    background-position: 95% 95%; 
}


.section-1.full-section h1::before{
    background-image: url("../images/circles.png");
}


.tourist_map{
    /* background-image: url("../images/draft/St-Petersburg-Tourist-Map-2.jpg"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.about-flat{ width: 60%;}
.about-flat .left{ width: 50%;}
.about-flat .right{ width: 39%;}


.floor-map svg polygon:not(.sold){ fill: rgba(146,129,72,0.3);}
.floor-map svg polygon:not(.sold):hover  {opacity: 0; fill: rgba(146,129,72,0); }   
.floor-map polygon.sold{
    cursor: default;
}

.flat-number{
    width: 55px;
}

#google-map-popup-block .tooltip{
    width: 30%;
    left: 0;
    top: 0;
    position: absolute;
}
@media (max-width: 400px) {
    #google-map-popup-block .tooltip {
        width: 100%;
    }
}
#google-map-popup-block .tooltip .box{
    z-index: 10000;
}
.google-map-popup{
    position: absolute;
    bottom: 5%;
    right:  2.5%;
    
    width: 15%;
    height: 25%;
    
    background-image: url( ../images/draft/prew-map.jpg );
    background-repeat: no-repeat;
    background-position: center center;
    
    cursor: pointer;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
	
	box-shadow: 1px 5px 10px #000000;
}

.google-map-popup::after{
    
    position: absolute;
    content: "";
    
    left: 0;
    top: 0;
    
    width: 100%;
    height: 100%;
    
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}


.google-map-popup:hover{
    box-shadow: none;
}
.google-map-popup:hover::after{
    background-color: rgba( 0, 0, 0, 0.5 );
}
.mfp-map{
    width: 95% !important;
}
.map-wrap{
    top: 10px;
}



.section-1.full-section h1, #fullpage-history h1{
    margin-bottom: 50px;
}

#historyMenu{
    height: 360px;
}
#historyMenu li{
    max-width: 150px;
}


.marker-01 { left: 39%; top: 77%;}
.marker-02 { left: 40%; top: 53%;}
.marker-03 { left: 36%; top: 62%;}
.marker-04 { left: 47%; top: 72%;}
.marker-06 { left: 50%; top: 57%;}
.marker-09 { left: 51%; top: 51%;}
.marker-07 { left: 57%; top: 50%;}


.gmnoprint div{
    background-color: rgba( 255, 255, 255, 0.9 ) !important;
}

.slider.section-1.full-section .content{
    padding: 35px 0 60px;
}
.slider.section-1.full-section h1::before{
    top: -75.9px;
}


.slider > .slick-dots{
    background-size: auto 120%;
}


.floor-map{
    width: 519px;
    height: 527px;
}

.floor-map.floor-1{
    background-image: url( '../images/flats/floor-1.png' );
}
.floor-map.floor-2{
    background-image: url( '../images/flats/floor-2.png' );
}
.floor-map.floor-3{
    background-image: url( '../images/flats/floor-3.png' );
}
.floor-map.floor-4{
    background-image: url( '../images/flats/floor-4.png' );
}
.floor-map.floor-5{
    background-image: url( '../images/flats/floor-5.png' );
}
.floor-map.floor-6{
    background-image: url( '../images/flats/floor-6.png' );
}



.next-frame{
    content: '';
    display: block;
    position: absolute;
    left: 0; right: 0;
       
    bottom: 5%;
    margin: 0 auto;
    width: 100px;
    height: 100px;

    background-image: url("../images/next-frame.png");
    background-position: center center;
    background-size: cover;

    border-radius: 75px;
    text-decoration: none;
    transition: all 0.2s linear 0s;

    z-index: 98;
}
.next-frame:hover{
    -webkit-transform: rotateZ(360deg);
       -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
         -o-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
}

@media (max-width: 1600px) {
    .next-frame  {width: 60px; height: 60px; }
}


nav li.active::after{
    display: none;
}

nav li.active a,
nav li.active a.active,
nav li a:hover,
nav li a.active:hover{
    color: #ddd9ce;
    border-bottom: 1px solid #ddd9ce;
    padding-bottom: 3px;
    top: -2px;
}
#fullpage-history .content p{
    margin: 0 auto 35px;
}
#fullpage-history .content p,
.history-info-block__text p{
    font-size: 1.2em;
}
.tip-fa {
    font-size: 40px;
    left: 135px;
    position: absolute;
    top: 180px;
}

.tip-fb {
    font-size: 40px;
    position: absolute;
    right: 0;
    top: 170px;
}

.about-flat tr td {
    text-align: center;
}
@media (max-width: 1024px) {
	.google-map-popup {
		 height: 20%;
		 width: 25%;
	}
}

@media (max-width: 980px) {
    #about .section-2 div.col2{
        width: 100%;
    }
    
    
    h3.col2::after {
        bottom: -12px;
    }
    h3.col2 {
        font-size: 25px;
        display: block;
        text-align: center;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
    #about .notitle .text-block p {
        font-size: 1.1em;
    }
    
}

@media (max-width: 800px) {
	.google-map-popup {
		height: 15%;
		left: 2.5%;
		right: auto;
		width: 25%;
	}
    #about .notitle .text-block p {
        font-size: 14px;
    }
}
@media (max-width: 500px) {
    .next-frame {
        display: none;
    }
    #about .notitle .text-block p {
        margin-top: 0;
        font-size: 16px;
    }
}

@media (max-width: 480px) {
	.google-map-popup {
		height: 25%;
	}
}


/*============= Andrey agreement ============*/
#contacts form p.agreement {  height: 15px; line-height: 15px; text-align: right; margin-bottom: 13px; clear: both}
.agreement input{ width: 12px !important; height: 12px !important;}
.agreement label{ font-size: 14px; line-height: 22px; display: inline-block !important; padding-left: 8px;}

#modal-popup .agreement { margin-top: 10px; color: #444343;}
/*============ The end ============*/