html,body{box-sizing:border-box;font-size:16px;line-height:1.25;color:#6c6c6c;font-family:"Roboto Light",serif}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:normal}ol,ul{list-style:none}img{max-width:100%;height:auto;display:block}.logo{width:80px;height:60px;display:flex;position:relative;z-index:3}.logo img{display:block;width:100%;height:100%}main{padding-top:84px}main .container{text-align:center}.section{padding:40px 0;position:relative}.container{display:flex;width:1200px;margin:0 auto}.flex-right{width:50%;margin-left:auto}.flex-left{width:50%}.navigation{padding:12px 8px;background:white;position:fixed;top:0;left:0;width:100%;z-index:99;box-shadow:0 0 5px rgba(0,0,0,.3);font-size:18px}.navigation .container{justify-content:space-between;margin:0 auto}.menu{display:flex;align-items:center}.menu ul{display:flex;gap:16px}.menu li a{text-decoration:none;color:#b38867}.menu li a.active{color:#ff8c42}.heading{color:#b38867;padding:20px;font-weight:700;position:relative}.heading:before{content:"";display:block;width:50px;height:2px;background:#8bc34a;text-indent:-9999px;position:absolute;bottom:15px;left:50%;transform:translateX(-50%)}.cnt{padding:0 40px 20px;display:flex}.hero-section{background-image:url(src/images/living5.jpg);min-height:400px;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;align-items:center}.hero-section .flex-right{width:40%;background:rgba(245,234,215,.8)}.hero-section .heading:before{display:none}.about-section{background:white}.about-section .heading{}.about-section .container{align-items:center}.services-section{background:#f5ead7}.services-section .container{flex-direction:column}.description{width:50%;margin:0 auto;padding-bottom:20px}ul.services{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:20px;padding-bottom:20px}ul.services li{flex-grow:1;width:31%}.gallery-section .container{flex-direction:column}.row{display:flex;flex-wrap:wrap;padding:0 4px}.column{flex:25%;max-width:25%;padding:0 4px;list-style-type:none}.column li{margin-top:8px;vertical-align:middle;width:100%;position:relative;overflow:hidden}.column li img{transition:transform .3s ease-in-out;transform-origin:center center;display:block}.column li img:hover{transform:scale(1.2)}@keyframes scale{to{transform:scale(1.2)}}.places-section{background:#f5ead7}.places-section .container{flex-direction:column}.places-section .cnt ul{display:flex;flex-wrap:wrap;gap:20px}.places-section .cnt li{flex-grow:1;width:calc(33% - 10px)}.contact-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-image:url(src/images/map-screenshot.png);background-size:cover;background-repeat:no-repeat;background-position:center center;opacity:.7}.contact-section .container{flex-direction:column;position:relative;z-index:3}.contact-section .cnt{display:block;width:50%;background-color:rgba(255,255,255,.6);margin-left:auto}.contact-section .info{padding-bottom:12px;a{color:#b38867}}.contact-form{position:relative;z-index:3}.row-field{display:flex;flex-wrap:wrap;flex-direction:row}.field{width:50%;padding:2px 1%}.field.textarea-field,.field.submit-field{width:100%}.contact-form input,.contact-form textarea,.contact-form button{border:1px solid #ccc;padding:8px;width:100%;margin:4px 2px;border-radius:4px}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:#b38867}.contact-form input.invalid,.contact-form textarea.invalid,.contact-form input.invalid:focus,.contact-form textarea.invalid:focus{border-color:red}.contact-form input:focus::placeholder,.contact-form textarea:focus::placeholder{color:#b38867}.contact-form textarea{resize:none}.field.submit-field button{background-color:#8bc34a;color:white;cursor:pointer;border:0}.field.submit-field button:hover{background-color:#73bf1b}.contact-form button.disabled,.contact-form .field.submit-field button.disabled:hover{cursor:not-allowed;background-color:#8bc34a}.contact-form button.invalid.disabled,.contact-form .field.submit-field button.invalid.disabled:hover{background-color:red}footer.footer{background:#f5ead7}footer .container{display:flex;justify-content:center;padding:20px 0}.social-links ul{display:flex;gap:12px}.social-links a{font-size:0;line-height:0;text-indent:-9999px;cursor:pointer;background-size:28px 28px;background-position:fixed;background-repeat:no-repeat;display:block;width:28px;height:28px}.social-links a.facebook{background-image:url(src/images/icons/facebook.svg)}.social-links a.instagram{background-image:url(src/images/icons/instagram.svg)}.card{text-align:center}.card-header{color:#b38867;padding-bottom:8px}.card-thumbnail{height:250px}.card-thumbnail img{display:block;width:100%;height:100%}.card-cnt{padding:12px;a{color:#b38867}}.icon{width:28px;height:28px;background-repeat:no-repeat;background-size:28px 28px;font-size:0;line-height:0;text-indent:-9999px;display:block;margin:20px auto 10px}.icon--house-size{background-image:url(src/images/icons/house-size.svg)}.icon--kitchen{background-image:url(src/images/icons/kitchen-cabinets.svg)}.icon--washing{background-image:url(src/images/icons/washing-machine.svg)}.icon--wifi{background-image:url(src/images/icons/wifi.svg)}.icon--balcony{background-image:url(src/images/icons/terrace.svg)}.icon--air-conditioner{background-image:url(src/images/icons/air-conditioner.svg)}.icon--bathroom{background-image:url(src/images/icons/bathroom.svg)}.icon--smoking{background-image:url(src/images/icons/no-smoking-symbol.svg)}.icon--elevator{background-image:url(src/images/icons/elevator.svg)}#map{height:484px;width:100%;position:absolute;top:0;left:0;z-index:1}@media only screen and (max-width:1200px){.container{width:100%}.navigation{padding:12px 20px}.hero-section{min-height:300px;background-attachment:local}.hero-section .flex-right{margin-right:20px}ul.services{padding:0 20px 20px}.places-section .cnt{padding:0 20px 20px}.places-section .cnt ul{column-gap:2%}.places-section .cnt li{flex-grow:1;width:31%}.card-thumbnail{height:226px}.contact-section .cnt{margin-right:20px}.column{flex:50%;max-width:50%}.column li img:hover{transform:scale(1)}}@media only screen and (max-width:600px){.menu ul{display:block;text-align:center;position:fixed;top:0;bottom:100%;left:0;right:0;padding-top:20px;font-size:24px;line-height:1.1;background:white;opacity:0;z-index:1;visibility:hidden;transition:all .3s linear;li{padding:10px 0}}.menu.active ul{top:84px;bottom:0;opacity:1;visibility:visible}.menu.active ul li a{display:block}.menu-toggle{width:35px;height:30px;position:relative;margin:7px 0 0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;z-index:9;span{display:block;position:absolute;height:4px;width:100%;background:#b38867;opacity:1;left:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;&:nth-child(1){top:0;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}&:nth-child(2){top:10px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}&:nth-child(3){top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}}&.active span{&:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-4px;left:6px}&:nth-child(2){width:0;opacity:0}&:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:20px;left:6px}}}.section{padding:20px 0}.hero-section{min-height:260px}.hero-section .flex-right{width:100%;margin:0 20px}.about-section .container{flex-direction:column}.about-section.section{padding-bottom:0}.about-section.section .cnt{padding-bottom:40px}.flex-left,.flex-right{width:100%;margin:0}.description{width:auto;padding:0 40px 20px}.column{flex:100%;max-width:100%}ul.services{row-gap:0}ul.services li{width:100%}.places-section .cnt li{width:100%}.section.contact-section{padding:0}.contact-section .cnt{width:100%}}