html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
line-height:1;
}
/*218a4a*/
html,body{height:100%;margin:0;padding:0;}
body{background:#e3eeff url(images/bg.png) left bottom no-repeat;margin:0;padding:0;font-size:15px;color:#000;font-family: 'Rubik R';min-width:320px;background-attachment: fixed;}
body.noScroll{overflow-y: hidden;}
#player{max-width: 1920px;width: 100%;}
#mapControl{position: absolute;left: 0;top: 280px;z-index: 9;width: 100%;display: none;}
#plus, #minus{width: 40px;height: 40px;background:#bb4f89;border-radius: 6px;cursor: pointer;}
#plus{background: #bb4f89 url(images/plus.png) center center no-repeat;background-size: 20px;position: absolute;left: 5px;top: 0;}
#minus{background: #bb4f89 url(images/minus.png) center center no-repeat;background-size: 20px;position: absolute;left:5px;top: 45px;}
#featuresHeader{color:#bb4f89;font-size: 31px;margin-bottom: 20px;font-family:'Rubik B';}
#specJune{color: #b90039;font-family:'Rubik B';font-size: 31px;margin-bottom: 30px;text-align: center;display: block;}
#specJune span{background:#b90039;color: #fff;padding: 5px 10px;border-radius: 6px;display: inline-block;margin-bottom: 10px;}
#sectionText{background:#fff;padding: 50px 0;}
#sectionText p{font-size: 19px;color: #555;font-family:'Rubik L';line-height: 1.3;margin-bottom: 30px;}
#sectionText p.bold{font-family:'Rubik M';}
#fCSocials{position: absolute;top: 0;right: 0;}
#fCSocials a{display: inline-block;height: 40px;margin-right: 10px;transition:all 0.2s;vertical-align: top;position: relative;top: 28px;}
#fCSocials a:hover{transform:scale(1.2);}
#fCSocials a img{height:100%;}
#mClose{width: 40px;height:40px;border-radius: 40px;background: #218a4a url(images/close.png) center center no-repeat;background-size: 20px;cursor: pointer;margin: 5px auto;display: none;}
#mobMenu{width: 65px;height: 65px;position: absolute;top: 0;right: 0;background: url(images/menu.png) center center no-repeat;background-size: 50px;z-index: 2;cursor: pointer;display: none;}
#features span{display: block;}
#yMap{height: 600px;}
.warn{margin-top: 30px;font-size: 13px;font-family:'Rubik L';color: 555px;}
.warn a{color: #218a4a;text-align: center;}
#overlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background:rgba(0,0,0,0.75);z-index: 99;display: none;}
#viewport{position: fixed;top: 50%;left: 50%;z-index: 100;transform:translate(-50%,-50%);display: none;}
#viewport img{max-height: 80vh;}
.cBtn{position: absolute;width: 80px;height: 80px;background-color: #bb4f89;border-radius: 40px;opacity: 0.7;background-position:center center;background-size: 30px;background-repeat: no-repeat;cursor: pointer;}
.cBtn:hover{opacity: 1;}
#vClose{top: 10px;right:10px;background-image: url(images/close.png);}
#vNext{bottom: 10px;right: 10px;background-image: url(images/arr.png);background-position:55% center;}
#vPrev{bottom: 10px;left: 10px;background-image: url(images/arl.png);background-position:45% center;}
.endSpace{height: 30px;}
#footer{height: 150px;width: 100%;background:#218a4a url(images/logow.png) center center no-repeat;}
#rights{color: #fff;position: absolute;top: 20px;left: 0;}

.anchor{width: 2px;height: 2px;background:none;position: absolute;top: -100px;left: 0;}
#specPay{position: absolute;top: 50px;left: -20px;background:yellow;color:#b90039;font-family:'Rubik B';font-size: 50px;font-style: italic;padding: 10px;padding-right: 20px;}
#topSpecialWrap{position: absolute;bottom: 30px;left:-20px;}
#topSpecial{position: relative;background:#b90039;color: yellow;font-family:'Rubik B';font-size: 50px;font-style: italic;height: 100px;padding: 10px 0;padding-left: 10px;width: 330px;}
#topSpecialSh{position: absolute;top: 7px;left:7px;height: 120px;width: 340px;background:yellow;}
#topSpecialSh::before{content:"";width: 0;height: 0;width: 0;height: 0;border-style: solid;border-width: 0 20px 120px 0;border-color: transparent yellow transparent transparent;position: absolute;top: 0;left: -20px;}
#topSpecialSh::after{content:"";width: 0;height: 0;border-style: solid;border-width: 120px 0 0 20px;border-color: transparent transparent transparent yellow;position: absolute;top: 0;right: -20px;}

#topSpecial::before{content:"";width: 0;height: 0;width: 0;height: 0;border-style: solid;border-width: 0 20px 120px 0;border-color: transparent #b90039 transparent transparent;position: absolute;top: 0;left: -20px;}
#topSpecial::after{content:"";width: 0;height: 0;border-style: solid;border-width: 120px 0 0 20px;border-color: transparent transparent transparent #b90039;position: absolute;top: 0;right: -20px;}
#topSpecial span{display: inline-block;margin-left: 40px;}
.aOrder{width: 300px;font-family:'Rubik M';background:#218a4a;color: #fff;font-size: 19px;text-align: center;height: 60px;line-height: 60px;text-transform: uppercase;border-radius:30px;outline: 10px solid rgba(33,138,74,0.3);margin: 0 auto;cursor: pointer;transition:all 0.2s;}
.aOrder:hover{transform:scale(1.1);}
#areaInfo{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#fff;text-align: center;box-sizing: border-box;display: none;}
.aTop{width: 100%;height: 80px;background:#bb4f89;color: #fff;font-family:'Rubik M';font-size: 35px;margin-bottom: 30px;line-height: 80px;}
.aLabel{color: #bb4f89;font-family:'Rubik R';font-size: 21px;margin-bottom: 10px;}
.aLabel.ordLabel{margin-bottom: 25px;}
.aKn, .aSqr{font-family:'Rubik M';font-size: 35px;margin-bottom: 30px;font-weight: normal;}
.aSqr{margin-bottom: 45px;}
.aStatus{width: 100%;height: 80px;line-height: 80px;text-align: center;margin-bottom: 30px;}
.aStatus div{display: block;height: 100%;line-height: 80px;font-size: 35px;margin-bottom: 30px;width: 80%;margin-left: 10%;border-radius: 10px;}
.aStatus div.fr{background:#33ac2f;color: #fff;}
.aStatus div.br{background:#f3bf00;color: #000;}
.aStatus div.sd{background:#d55862;color: #fff;}

.area{position: absolute;cursor: pointer;right: 0;top: 0;width: 100%;height: 100%;z-index: 2;opacity: 0;}
.area.free{background: url(images/map_f_c.jpg) 0 0 no-repeat;background-size: 100%;opacity: 0.8;}
.area.ord{background: url(images/map2ord.jpg) 0 0 no-repeat;background-size: 100%;opacity: 0.8;}
.area.sold{background: url(images/map_new_s.jpg) 0 0 no-repeat;background-size: 100%;opacity: 0.7;}
.area.clicked{background: url(images/map_new_c.jpg) 0 0 no-repeat;background-size: 100%;opacity: 1;}

.area:hover{opacity: 1;}
.area.sold:hover{opacity: 1;}
.area.sold.clicked:hover{opacity: 1;}
.area img{position: absolute;top: 0;right: 0;}
#a1351{clip-path: polygon(69.25% 29%, 70.875% 33.125%, 77.625% 30.375%, 76% 26.375%);}
#a1350{clip-path: polygon(67.75% 25.5%, 69.5% 29.125%, 76% 26.25%, 74.5% 22.625%);}
#a1349{clip-path: polygon(66.25% 21.75%, 67.875% 25.375%, 74.5% 22.5%, 73% 19%);}
#a3629{clip-path: polygon(64.25% 16.875%, 66.25% 21.625%, 69.75% 20.25%, 67.25% 14.74%);}
#a3628{clip-path: polygon(67.13% 14.63%, 69.63% 20.63%, 73.5% 18.63%, 70.88% 12.5%);}

#a1347{clip-path: polygon(57.75% 21.25%, 59.5% 24.5%, 66.25% 21.875%, 64.125% 17.125%);}
#a1346{clip-path: polygon(59.5% 24.625%, 60.875% 28%, 67.625% 25.5%, 66.375% 21.75%);}
#a1345{clip-path: polygon(61% 28.25%, 62.625% 31.875%, 69.125% 29.125%, 67.625% 25.375%);}
#a1344{clip-path: polygon(62.375% 32%, 64.125% 36%, 70.75% 33.125%, 69.125% 29.25%);}
#a1343{clip-path: polygon(64.125% 36%, 66.25% 40.75%, 72.875% 37.625%, 72.06% 36%, 70.75% 33.25%);}
#a1342{clip-path: polygon(66.125% 40.875%, 69.25% 48.25%, 75.625% 40.375%, 73% 37.5%);}
#a1302{clip-path: polygon(70.875% 33.125%, 72.22% 36.34%, 75.625% 40.375%, 79.625% 35.25%, 77.75% 30.375%);}
#a1341{clip-path: polygon(59.125% 48.875%, 60.77% 52.7%, 63.75% 55.125%, 67.5% 50.375%, 65.75% 46.125%);}
#a1340{clip-path: polygon(57.625% 44.875%, 59.125% 48.625%, 65.625% 45.875%, 64% 42.125%);}
#a1339{clip-path: polygon(55.875% 40.625%, 57.625% 44.625%, 64.125% 42%, 62.375% 37.875%);}
#a1338{clip-path: polygon(52.75% 36.125%, 55.875% 40.5%, 62.375% 37.625%, 60% 32%, 56.31% 33.45%);}
#a1337{clip-path: polygon(52.125% 27.375%, 56.5% 33.375%, 60% 31.875%, 57.25% 25.25%);}
#a1336{clip-path: polygon(47.875% 29.75%, 52.75% 36%, 56.25% 33.375%, 52% 27.25%, 49.89% 28.14%);}
#a1335{clip-path: polygon(44.5% 32%, 47.375% 39%, 52.5% 36%, 47.75% 29.75%);}
#a1334{clip-path: polygon(47.375% 39%, 49.125% 43.25%, 55.625% 40.5%, 52.625% 36.25%);}
#a1333{clip-path: polygon(49.125% 43.375%, 50.875% 47.375%, 57.375% 44.75%, 55.625% 40.625%);}
#a1332{clip-path: polygon(50.75% 47.625%, 52.375% 51.375%, 59% 48.625%, 57.375% 44.875%);}
#a1331{clip-path: polygon(52.375% 51.5%, 54.125% 55.5%, 60.625% 52.75%, 59% 48.875%);}
#a1330{clip-path: polygon(54.125% 55.5%, 56% 60.375%, 61.25% 58.5%, 63.74% 55.15%, 60.75% 52.875%);}
#a1329{clip-path: polygon(45.5% 59.75%, 47.125% 64%, 53.87% 61.26%, 52.25% 56.875%);}
#a1328{clip-path: polygon(43.875% 55.75%, 45.5% 59.75%, 52.12% 56.9%, 50.625% 53.125%);}
#a1327{clip-path: polygon(42.25% 51.5%, 43.875% 55.75%, 50.49% 52.91%, 48.625% 48.75%);}
#a1326{clip-path: polygon(40.125% 48.25%, 42.125% 51.375%, 48.62% 48.67%, 47.125% 44.625%);}
#a1325{clip-path: polygon(38.125% 45.5%, 40.125% 48.125%, 47% 44.56%, 45.25% 40.375%);}
#a1324{clip-path: polygon(37.625% 36.875%, 41.75% 42.875%, 45.24% 40.2%, 42.25% 33.625%);}
#a1323{clip-path: polygon(33.875% 39.625%, 38.125% 45.375%, 41.62% 42.69%, 37.625% 37%);}
#a1322{clip-path: polygon(30.375% 42%, 33.125% 48.75%, 37.99% 45.31%, 33.75% 39.625%);}
#a1321{clip-path: polygon(33.125% 48.875%, 35.375% 54.25%, 42.12% 51.29%, 38.125% 45.625%);}
#a1320{clip-path: polygon(35.375% 54.375%, 37.125% 58.5%, 43.87% 55.53%, 42.125% 51.5%);}
#a1319{clip-path: polygon(37.125% 58.5%, 38.75% 62.5%, 45.49% 59.51%, 43.75% 55.75%);}
#a1318{clip-path: polygon(38.75% 62.625%, 40.5% 66.5%, 47.12% 63.75%, 45.375% 59.875%);}
#a1317{clip-path: polygon(33.375% 87%, 31.625% 92.125%, 37.73% 94.08%, 39.375% 88.875%);}
#a1316{clip-path: polygon(35.25% 81.375%, 33.375% 86.875%, 39.61% 88.47%, 42.25% 80.125%);}
#a1315{clip-path: polygon(32.97% 76.25%, 35.125% 81.375%, 42.36% 79.62%, 39.91% 73.47%);}
#a1314{clip-path: polygon(31.5% 72.25%, 33.125% 76.25%, 39.74% 73.14%, 38.125% 69.625%);}
#a1313{clip-path: polygon(29.625% 68.125%, 31.5% 72.125%, 37.99% 69.15%, 36.375% 65.5%);}
#a1312{clip-path: polygon(28% 64.125%, 29.75% 68.125%, 36.36% 65.04%, 34.75% 61.5%);}
#a1311{clip-path: polygon(26.25% 59.875%, 28% 64%, 34.61% 61.05%, 33% 57.25%);}
#a1310{clip-path: polygon(23.5% 55.875%, 26.25% 59.875%, 32.99% 56.94%, 30.375% 50.875%);}
#a1309{clip-path: polygon(22.875% 47.5%, 27% 53.125%, 30.36% 50.34%, 27.625% 44%);}
#a1308{clip-path: polygon(19.25% 50%, 23.375% 55.75%, 26.86% 53.08%, 22.75% 47.625%);}
#a1307{clip-path: polygon(15.375% 52.875%, 18.25% 59.5%, 23.23% 55.7%, 19.125% 50.125%);}
#a1306{clip-path: polygon(18.25% 59.75%, 19.625% 62.625%, 25.98% 59.69%, 23.25% 56.125%);}
#a1305{clip-path: polygon(19.5% 62.75%, 21.125% 66.75%, 27.86% 63.92%, 26% 60%);}
#a1304{clip-path: polygon(21.25% 66.875%, 23% 70.875%, 29.49% 67.9%, 27.75% 64.25%);}
#a1303{clip-path: polygon(22.875% 71%, 24.625% 75%, 31.11% 71.89%, 29.5% 68.25%);}
#a1301{clip-path: polygon(24.625% 75.125%, 26.25% 79%, 32.86% 76.01%, 31.25% 72.375%);}
#a1300{clip-path: polygon(26.25% 78.94%, 27.75% 82.875%, 34.99% 81%, 33.03% 76.03%);}
#a1299{clip-path: polygon(27.75% 82.875%, 27.25% 84.75%, 33.24% 86.48%, 34.875% 81.5%);}
#a1298{clip-path: polygon(27% 84.875%, 25.375% 90.125%, 31.48% 91.97%, 33.125% 86.875%);}
#a1297{clip-path: polygon(17.5% 82.59%, 18.26% 84.45%, 17.125% 87.5%, 23.23% 89.1%, 25.44% 82.34%, 24.53% 79.69%);}
#a1296{clip-path: polygon(15.75% 78.625%, 17.5% 82.625%, 24.23% 79.63%, 22.5% 75.875%);}
#a1295{clip-path: polygon(14% 74.625%, 15.75% 78.375%, 22.48% 75.39%, 20.875% 71.875%);}
#a1294{clip-path: polygon(12.25% 70.25%, 14.125% 74.375%, 20.86% 71.53%, 18.875% 66.75%);}
#a1293{clip-path: polygon(9.375% 65.875%, 12.25% 70.25%, 18.86% 66.54%, 16.375% 60.875%);}
#a1292{clip-path: polygon(8.875% 57.5%, 13% 63.125%, 16.23% 60.31%, 13.5% 54%);}
#a1291{clip-path: polygon(5.125% 60.125%, 9.25% 65.75%, 12.73% 63.05%, 8.75% 57.5%);}
#a1290{clip-path: polygon(1.5% 62.625%, 4.25% 69.375%, 9.23% 65.67%, 5% 60.25%);}
#a1289{clip-path: polygon(4.375% 69.5%, 5.625% 72.875%, 12.11% 70.03%, 9.125% 66.125%);}
#a1288{clip-path: polygon(5.75% 73.125%, 7.5% 77.125%, 13.86% 74.27%, 12.125% 70.375%);}
#a1287{clip-path: polygon(7.375% 77.375%, 9% 81.25%, 15.6% 78.26%, 13.875% 74.625%);}
#a1286{clip-path: polygon(9% 81.375%, 10.8% 85.1%, 17% 87.25%, 18.11% 84.36%, 15.625% 78.625%);}
#a1376{clip-path: polygon(41.625% 92%, 40.125% 96.125%, 48.97% 99.07%, 50.375% 95%);}
#a1375{clip-path: polygon(43.125% 87.875%, 41.75% 92%, 50.47% 94.84%, 51.625% 90.75%);}
#a1374{clip-path: polygon(44.5% 83.75%, 42.875% 87.625%, 51.97% 90.35%, 53.125% 86.75%);}
#a1373{clip-path: polygon(45.875% 79.75%, 44.375% 83.75%, 53.23% 86.36%, 53.79% 84.78%, 54.875% 83.375%);}
#a1372{clip-path: polygon(44.75% 78.5%, 45.69% 79.47%, 54.72% 83.13%, 56.1% 82.75%, 52.625% 75.125%);}
#a1371{clip-path: polygon(41.5% 70%, 45% 78.25%, 51.73% 75.14%, 48.25% 67.125%);}
#a1370{clip-path: polygon(48.375% 67%, 50.125% 71.25%, 56.86% 68.29%, 55.25% 64.375%);}
#a1369{clip-path: polygon(50.125% 71.375%, 51.875% 75.375%, 58.48% 72.4%, 56.75% 68.625%);}
#a1368{clip-path: polygon(52.75% 75%, 56% 82.375%, 61.47% 76.76%, 59.625% 72.25%);}
#a1367{clip-path: polygon(59.5% 69.125%, 60.37% 71.34%, 59.79% 71.93%, 61.5% 76.875%, 67.72% 70.78%, 65.5% 66.25%);}
#a1366{clip-path: polygon(57.25% 63.5%, 59.625% 69.125%, 65.35% 66.04%, 63% 61.125%);}
#a1365{clip-path: polygon(63% 61%, 67.75% 70.625%, 72.35% 64.92%, 64.75% 59%);}
#a1364{clip-path: polygon(64.75% 58.875%, 72.25% 64.875%, 75.6% 60.8%, 68% 54.875%);}
#a1363{clip-path: polygon(68.125% 54.875%, 75.625% 60.875%, 78.48% 57.06%, 70.875% 51.125%);}
#a1362{clip-path: polygon(71% 51.125%, 78.625% 57.25%, 81.72% 53.2%, 74.125% 47.25%);}
#a1361{clip-path: polygon(74.125% 47.125%, 81.75% 53.25%, 84.85% 49.46%, 77.125% 43.25%);}
#a1360{clip-path: polygon(77.25% 43.25%, 85% 49.375%, 87.97% 45.35%, 80.25% 39.5%);}
#a1359{clip-path: polygon(80.25% 39.5%, 88% 45.5%, 89.92% 43.33%, 91.97% 38.49%, 81.875% 37.25%);}
#a1358{clip-path: polygon(82.375% 37.125%, 92% 38.75%, 93.80% 34.81%, 92.85% 31.76%, 82.75% 34.75%, 82.9% 35.74%);}
#a1357{clip-path: polygon(82.625% 34.75%, 92.875% 31.75%, 91.84% 28.02%, 87.83% 28.33%, 81.375% 30.875%);}
#a1356{clip-path: polygon(78.625% 24.625%, 81.125% 31%, 87.85% 28.14%, 85.25% 21.875%);}
#a1355{clip-path: polygon(85% 21%, 88% 28.625%, 91.79% 27.93%, 92.1% 25.65%, 90.625% 18.875%);}
#a1354{clip-path: polygon(82.5% 14.875%, 84.875% 20.875%, 90.47% 18.68%, 89% 12.25%);}
#a1353{clip-path: polygon(75.75% 17.625%, 77.875% 22.875%, 84.47% 19.92%, 82.5% 15%);}



#mapScroller{position: absolute;top: 0;right: 0;}
#mapWrapper{width: 800px;position: relative;}
#mapWrapper img{width: 100%;}

#mapInfo{border: 1px solid #bb4f89;width:calc(100% - 850px);height: calc(100% - 162px);background: url(images/info.png) center 30% no-repeat;background-size: 160px;position: relative;border-radius:20px;overflow: hidden;}
#mapInfo span{display: block;text-align: center;color: #bb4f89;font-family:'Rubik L';font-size: 21px;position: absolute;left: 0;top: 65%;}
#mapLegend{margin-bottom: 20px;}
.color{display: inline-block;width: 16px;height: 16px;border-radius: 8px;vertical-align: top;margin-bottom: 10px;}
.lInfo{color: #555;text-transform: uppercase;font-size: 13px;}
.color.green{background: #33ac2f;}
.color.yellow{background:#f3bf00;}
.color.red{background: #d55862;}

#sectionMap{background:#fff;padding: 30px 0;box-shadow:0 5px 0 rgba(0,0,0,0.05);margin-bottom: 50px;position: relative;}
#selectPart{height: 800px;}


.response, .dynForm, .staticForm{width: 800px;height: 400px;background:#fff;margin: 0 auto;outline: 15px solid rgba(255,255,255,0.5);border-radius: 40px;margin-top: 60px;box-sizing: border-box;padding: 30px;}
.response{height: auto;}

.dynForm{position: fixed;top: 50%;left: 50%;z-index: 100;transform:translate(-50%,-50%);display: none;}
#fClose{width: 80px;height:80px;border-radius: 40px;position: absolute;top: 10px;right:10px;background: #218a4a url(images/close.png) center center no-repeat;background-size: 30px;cursor: pointer;}
.label{font-family:'Rubik L';text-align: center;color: #555;font-size: 19px;margin-bottom: 10px;}
input{border: 1px solid #555;font-size: 19px;padding: 10px;margin: 0 auto;display: block;width: 300px;margin-bottom: 20px;}
input:focus{outline:none;}
.submit{display: block;width: 300px;font-family:'Rubik M';background:#218a4a;color: #fff;font-size: 19px;text-align: center;height: 60px;line-height: 60px;text-transform: uppercase;border-radius:30px;outline: 10px solid rgba(33,138,74,0.3);margin: 0 auto;margin-top: 40px;cursor: pointer;transition:all 0.2s;text-decoration: none;}
.submit:hover{transform:scale(1.1);}

#sectionVizit, #sectionWhere{margin-bottom: 40px;position: relative;}


.center{text-align: center;}
#sectionPhoto{margin-bottom: 30px;position: relative;}
#photos{text-align: center;}
.photo{display: inline-block;width: 298px;height: 165px;overflow: hidden;border-radius:20px;margin: 0 20px;box-shadow: 5px 5px 0 #bb4f89;position: relative;transition:all 0.2s;cursor: pointer;vertical-align: top;margin-bottom: 40px;}
.photo span{display: block;width: 100%;height: 100%;background:rgba(187,79,137, 0.4) url(images/view.png) center center no-repeat;background-size: 80px;position: absolute;top: 0;left: 0;transition:all 0.4s;opacity: 0;}
.photo img{width: 100%;}
.photo:hover{transform:scale(1.1);}
.photo:hover span{opacity: 1;}

#features{text-align: center;border-top: 2px solid #bb4f89;padding-top: 60px;}
.feature{display: inline-block;position: relative;text-align: center;width: 150px;margin: 0 30px;vertical-align: top;margin-bottom: 30px;}
.feature img{width: 60px;position: absolute;top: 23px;left: 45px;}
.fFrame{width: 100px;height: 100px;border: 2px solid #bb4f89;border-radius: 20px;transform:rotate(-45deg);display: inline-block;margin-bottom: 25px;}
.fTitle{font-family:'Rubik M';text-transform: uppercase;display: block;color: #333;font-size: 15px;}


#textAbout{min-height: 400px;width: 100%;padding-top: 20px;margin-bottom: 30px;}
#textAbout p{font-size: 19px;color: #555;width: 55%;font-family:'Rubik L';line-height: 1.3;margin-bottom: 30px;}
#malinkova{position: absolute;top: 0;right: 0;width:40%;border-radius: 50px;box-shadow: 10px 0 0 #bb4f89;background: url(images/phts003.jpg) center center no-repeat;height: 400px;background-size: cover;transform:rotate(-1.5deg);}


#sectionAbout{position: relative;background:#fff;min-height: 300px;margin-top: 60px;padding-top: 10px;padding-bottom: 40px;box-shadow:0 5px 0 rgba(0,0,0,0.05);margin-bottom: 30px;}
#sectionAbout .polytop{position: absolute;top: -80px;left: 0;clip-path: polygon(0 60px, 0 80px, 100% 80px, 100% 0); height: 80px; width: 100%; background: #fff;z-index: 2;}


#toMap{width: 300px;height:300px;background:#bb4f89;border-radius: 50%;outline: 10px solid #e3eeff;cursor: pointer;position: absolute;left: -30px;top: 40px;transition:all 0.2s;}
#toMap:hover{transform:scale(1.1);outline: 20px solid #e3eeff;background:#f0438c;}
#toMap img{width: 150px;position: absolute;top: 40px;left: 50%;margin-left: -75px;}
#toMap span{display: block;text-align: center;color: #fff;font-family:'Rubik B';text-transform: uppercase;font-size: 40px;position: relative;top: 160px;}
#topSection .framedImage{width: 75%;margin-top: 60px;margin-bottom: 100px;}
#topRight{height: 100%;width: 25%;position: absolute;top: 0;right: 0;}
#topSection{position: relative;width: 100%;}

#topSocials{position: absolute;top: -100px;right: 0;}
#topSocials a{display: inline-block;height: 40px;margin-right: 10px;transition:all 0.2s;vertical-align: top;position: relative;top: 28px;}
#topSocials a:hover{transform:scale(1.2);}
#topSocials a img{height:100%;}

#tCallOrder{display: inline-block;width: 100px;height: 100px;border-radius: 50px;background:#2fce3e;outline: 8px solid rgba(255,255,255,0.5);text-align: center;vertical-align: top;position: relative;margin-left: 10px;transition:all 0.2s;cursor: pointer;}
#tCallOrder img{height: 30px;position: absolute;top: 16px;left: 50%;margin-left: -15px;}
#tCallOrder span{color: #fff;text-align: center;position: relative;top: 50px;font-family:'Rubik L';font-size: 15px;}
#tCallOrder:hover{transform:scale(1.2);outline: 4px solid rgba(255,255,255,1);}

.content{margin: 0 auto;width: 96%;max-width: 1400px;position: relative;}
#hSpace{height: 110px;margin-bottom: 80px;}
#header{width: 100%;height: 80px;position: fixed;top: 0;left: 0;z-index: 9;}
#hdiag{position: absolute;top: 0;left: 0;clip-path: polygon(0 0, 0 80px, 100% 60px, 100% 0); height: 80px; width: 100%; background: #fff;z-index: 2;}
#hdiags{position: absolute;top: 5px;left: 0;clip-path: polygon(0 0, 0 85px, 100% 57px, 100% 0); height: 85px; width: 100%; background: #000; opacity: 0.05;z-index: 1;}
#hLogo{position: absolute;top: 15px;left: 0;z-index: 2;}
#menu{position: relative;z-index: 2;margin-left: 320px;}
#menu a{color: #444;text-decoration: none;font-size: 13px;text-transform: uppercase;text-decoration: none;line-height: 70px;display: inline-block;font-family:'Rubik L';vertical-align: top;}
#menu span{display: inline-block;width: 8px;height: 8px;border-radius: 5px;background:#218a4a;vertical-align: top;position: relative;top: 31px;margin: 0 15px;}
#menu a:hover{text-decoration: underline;}
#hContacts{position: absolute;top: 15px;right: 0;z-index: 2;font-family:'Rubik M';color: #111;font-size: 17px;text-align: right;padding-right: 24px;}
#hContacts img{position: absolute;top: 5px;right: 0;height: 24px;}
#hContacts a{text-decoration: none;}
a#hPhone{color: #111;}
a#hMail{color: #444;font-size: 13px;font-family:'Rubik R';}
a#hPhone:hover, a#hMail:hover{color: #218a4a;text-decoration: underline;}

h1.small{color: #333;font-family: 'Rubik M';text-transform: uppercase;font-size: 21px;margin-bottom: 20px;}
h1.small span{font-size: 17px;font-family: 'Rubik R';text-transform: none;color: #555;}



.framedImage{width: 500px;position: relative;}
.framedImage img{width: 100%;position: relative;}
.imgFrame{position: absolute;top: 20px;left: 10px;width: 100%;height: 100%;background:#218a4a;transform:rotate(-1deg);}
h2.fiHeader{position: absolute;top: -40px;left: -40px;z-index: 2;font-family: 'Rubik R';color: #fff;background:#218a4a;padding:0 30px;font-size: 41px;height: 80px;line-height: 80px;border-radius: 40px;}
.fiCaption{position: absolute;right: -25px;bottom: 20px;color: #fff;background:#bb4f89;box-sizing: border-box;padding: 10px;padding-right: 60px;font-size: 17px;}