@charset "UTF-8";body{margin:0;font-family:Arial,sans-serif;background-color:#181717}body .homepage{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding-top:120px}body .homepage .dropdown{position:relative;display:inline-block}body .homepage .submenu{display:none;position:absolute;top:100%;left:0;width:220px;padding:10px 0;border-radius:10px;background-color:#fff;z-index:100}body .homepage .submenu ul{list-style:none}body .homepage .submenu ul a{display:block;padding:12px 20px;color:#000;font-weight:500;text-transform:capitalize;transition:.3s ease;position:relative;text-decoration:none}body .homepage .submenu ul a:before{content:"•";position:absolute;left:-20px;color:#cfa14f;font-size:18px;top:50%;transform:translateY(-50%)}body .homepage .submenu ul a:hover{background-color:#cfa14f;color:#fff;border-radius:5px}body .homepage .dropdown:hover .submenu{display:block}body #contacts{text-align:center;padding:35px;background-color:#fff;border-radius:20px;color:#000;margin-bottom:60px}body #contacts .contact-container{display:flex;gap:130px;flex-wrap:wrap;justify-content:center}body #contacts .contact-container .contact-form{text-align:left;max-width:400px;flex:1;margin-top:15px;margin-bottom:30px}body #contacts .contact-container .contact-form form{display:flex;flex-direction:column}body #contacts .contact-container .contact-form form input,body #contacts .contact-container .contact-form form textarea{width:100%;padding:10px;margin-top:5px;border:none;border-bottom:1px solid #cfa14f}body #contacts .contact-container .contact-form form input:focus,body #contacts .contact-container .contact-form form textarea:focus{outline:none}body #contacts .contact-container .contact-form form button{margin-top:40px;padding:10px;background:#cfa14f;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .3s}body #contacts .contact-container .contact-form form button:hover{background:#bb872d}body #contacts .contact-container .contact-info{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:50px;justify-content:center}body #contacts .contact-container .contact-info .contact-detailed-info{text-align:left;flex:1;max-width:500px}body #contacts .contact-container .contact-info .contact-detailed-info .contact-icons{display:flex;align-items:center;gap:10px}body #contacts .contact-container .contact-info .contact-detailed-info .contact-icons img{width:20px;height:20px}body #contacts .contact-container .contact-info .contact-detailed-info .contact-icons a{text-decoration:none;color:#cfa14f;font-weight:700;transition:color .3s ease-in-out}body #contacts .contact-container .contact-info .contact-detailed-info .contact-icons a:hover{color:#bb872d}body #contacts .contact-container .contact-info .contact-detailed-info .social-icons{display:flex;gap:20px;margin-top:40px}body #contacts .contact-container .contact-info .contact-detailed-info .social-icons a img{width:35px;height:35px;transition:transform .3s}body #contacts .contact-container .contact-info .contact-detailed-info .social-icons a img:hover{transform:scale(1.2)}body #contacts #map{width:100%;height:400px;border-radius:10px;margin-top:20px}@media (width <= 768px){body #contacts #contacts{margin-top:270px}body #contacts .contact-container{gap:30px;padding:0 10px}body #contacts .contact-form{max-width:100%}body #contacts .contact-info{margin-bottom:30px}body #contacts #map{height:300px}}@media (width <= 480px){body #contacts #contacts{margin-top:270px}body #contacts .contact-container{gap:20px}body #contacts .contact-form{max-width:100%;padding:15px}body #contacts .contact-info .contact-detailed-info{max-width:100%}body #contacts .contact-info .social-icons{gap:10px}body #contacts #map{height:250px}}