html{box-sizing:border-box;scroll-behavior:smooth}*,:after,:before{box-sizing:inherit}body{font-family:Montserrat,sans-serif;margin:0;width:100%}h1{font-size:25px}a img{border:none;outline:none}p.error{color:red;font-size:14px}.nav-container{width:100%;height:120px;top:0;left:0;z-index:1;position:fixed;background-color:#fff;box-shadow:0 4px 4px rgba(0,0,0,.15)}.nav-container .navigation{max-width:1500px;margin:auto;width:80%;padding-top:34px}.nav-container .navigation .wyndham-logo{width:350px}.nav-container .navigation .nav-links{float:right}.nav-container .navigation .nav-links a{cursor:pointer;font-size:21px;margin:0 20px;color:#4c5258;text-decoration:none}.nav-container .navigation .nav-links #nav-sign-in{color:#0065ab;font-weight:700}.nav-container .navigation .nav-links button{margin-left:10px;background:#fff 0 0 no-repeat padding-box;background-color:#fff;border-radius:3px;border:#0065ab;border-style:solid;border-width:thin;padding:15px 25px;color:#0065ab;font-size:21px;font-family:Montserrat;cursor:pointer}.nav-container .navigation .nav-links button:hover{transition:.5s;box-shadow:4px 4px 6px rgba(0,0,0,.29)}.nav-container .navigation .nav-links button:active,.nav-container .navigation .nav-links button:focus{border:none;outline:none}.nav-container .mobile-nav{display:none}.content{position:absolute;width:100%;margin:auto}.general-section{background:#dfdfdf;clear:both;color:#555;margin:120px auto 50px;height:85vh}.general-section .general-content{float:left;height:100%;margin:10px auto;vertical-align:top;width:50%}.general-section .general-content .text-content{left:20%;position:relative;top:40%;transform:translateY(-50%);width:60%}.general-section .general-content .text-content h1{font-size:30px;color:#555;width:70%}.general-section .general-content .text-content p{margin:30px auto 40px}.general-section .general-content .text-content .no-wrap{white-space:nowrap}.general-section .general-images{background:#fff;clear:both;display:inline-grid;overflow:hidden;height:100%;margin:0 auto;padding:0 0 0 10px;width:50%}.general-section .general-images img{object-fit:cover;width:100%}.general-section .general-images #people{height:27vh;width:50vw}.general-section .general-images #pool{float:right;padding-right:5px;height:27vh;width:50%}.general-section .general-images #room{float:left;padding-right:5px;height:27vh;width:50%}.general-section .general-images #pool2{height:28vh;width:50vw}.general-section .general-content h1{font-weight:700}.general-section .general-content button{margin-left:10px;background:#0065ab 0 0 no-repeat padding-box;background-color:#0065ab;border-radius:3px;border:#0065ab;border-style:solid;border-width:thin;padding:15px 25px;color:#fff;font-size:21px;font-family:Montserrat;cursor:pointer}.general-section .general-content button:hover{transition:.5s;box-shadow:7px 7px 6px rgba(0,0,0,.29)}.about-section{margin:auto;height:85vh;width:80vw}.about-section #about{position:relative;top:-150px}.about-section h1{color:#555;font-size:26px;margin:50px auto;text-transform:uppercase}.about-section .about-content{clear:both;color:#2e2a25}.about-section .about-content .collaborate,.about-section .about-content .understand{display:flex;flex-wrap:wrap;margin:auto;width:50%}.about-section .about-content .collaborate h2,.about-section .about-content .understand h2{margin-top:50px}.about-section .about-content .collaborate{float:left;padding-right:50px}.about-section .about-content .understand{padding-left:50px}.about-section .about-content img{display:block;height:auto;left:-10px;margin-bottom:20px;position:relative;object-fit:cover}.about-section .about-content .collaborate .listing-block img{height:8.6vh}.about-section .about-content .collaborate .text-content{width:95%}.about-section .about-content .understand picture img{left:-25px;height:29vh}.about-sign-up{text-align:center;margin-top:75px;margin-bottom:70px}.about-sign-up .text-content{width:50%;margin:auto}.about-sign-up button{background:#0065ab;box-shadow:0 6px 8px rgba(0,0,0,.29);font-size:18px;padding:20px 80px;color:#fff;border:none;outline:none;font-family:Montserrat,sans-serif;cursor:pointer}.about-sign-up button:hover{transition:.5s;box-shadow:4px 4px 6px rgba(0,0,0,.29)}.contact-section{background:#dfdfdf;color:#555;margin:auto;height:68vh}.contact-section #contact{position:relative;top:-120px}.contact-section .contact-content{margin:auto;padding:75px 0 25px;position:relative;width:80%}.contact-content .contact-content-image{display:inline-block;width:360px}.contact-content .contact-content-image .contact-img{border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.29);margin-bottom:50px;height:40vh}.contact-content .contact-content-image .koddi-logo{width:80px}.contact-content .contact-content-image span{font-size:12px;margin-top:10px;margin-bottom:20px;display:block}.contact-content .contact-content-text{width:40%;float:right}.contact-content .contact-content-text p{font-size:20px;margin:25px 0 50px}.contact-content .contact-content-text h2{display:flex;flex-wrap:wrap;font-weight:400}.contact-content .contact-content-text a{color:#555;text-decoration:none;cursor:pointer;font-weight:700}.contact-content button{background:#0065ab;border:none;box-shadow:0 3px 6px rgba(0,0,0,.29);color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:18px;margin:30px 0 15px;outline:none;padding:20px 80px}.contact-content button:hover{box-shadow:4px 4px 6px rgba(0,0,0,.29);transition:.5s}.contact-content .contact-content-text h3 a{font-weight:400}.modal-container{left:0;position:fixed;top:0;z-index:2}.modal-dialog{position:absolute;height:100%;width:100%;height:100vh;width:100vw;left:0;justify-content:center;align-items:center;display:none;top:0}.modal-dialog.visible{display:block}.modal-dialog .overlay{background:#373a47;background:rgba(55,58,71,.9);filter:alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);height:100%;left:0;opacity:.7;pointer-events:auto;position:absolute;top:0;transition:opacity .3s;transition-duration:.5s;width:100%;z-index:1;-webkit-transition:opacity .3s}.modal-dialog .modal{background:#fff;border-radius:8px;color:#2e2a25;margin:auto;max-width:560px;min-width:290px;padding:15px 15px 35px;position:relative;top:40%;transform:translateY(-50%);transition-duration:.5s;width:90%;z-index:2}.modal-dialog .modal .close-btn{text-align:right}.modal-dialog .modal .close-btn i{cursor:pointer}.modal-dialog .modal form{padding:0 34px 0 24px;margin-top:-16px}.modal-dialog .modal form label{display:inline-block;margin-bottom:5px}.modal-dialog .modal form a{float:right;line-height:44px;color:#2e2a25}.modal-dialog .modal form button{background:#0065ab;box-shadow:0 3px 6px rgba(0,0,0,.29);border:none;color:#fff;font-size:16px;padding:10px 40px;font-family:Montserrat,sans-serif;outline:none;cursor:pointer;&:disabled{background:#2e2a25;cursor:not-allowed}}.modal-dialog .modal form h1{font-size:30px;margin-bottom:20px;color:#555;font-family:Montserrat,sans-serif}.modal-dialog .modal form button:hover{transition:.5s;box-shadow:4px 4px 6px rgba(0,0,0,.29)}.modal-dialog .modal form .form-control{border:2px solid #d4d4d4;border-radius:5px;font-size:1.3rem;display:block;padding:8px;width:100%;margin-bottom:20px;max-width:486px;&.error{border-color:red}}.modal-dialog .modal form .form-control::placeholder{opacity:.7}@media screen and (max-width:1550px){.general-section .general-content{height:600px}}@media screen and (max-width:1225px){.nav-container{height:auto}.nav-container .navigation{display:none!important}.nav-container .mobile-nav{padding:20px;width:90%;margin:auto;display:block}.nav-container .mobile-nav .wyndham-logo{height:50px}.nav-container .mobile-nav #mobile-nav-links{display:none;text-align:center;&.visible{display:block}}.nav-container .mobile-nav #mobile-nav-links a{display:block;text-decoration:none;color:#2e2a25;margin:20px 0}.nav-container .mobile-nav #mobile-nav-links a:active,.nav-container .mobile-nav #mobile-nav-links a:focus{background:#fff}.nav-container .mobile-nav .icon{color:#2e2a25;font-size:38px;position:absolute;right:5%;text-decoration:none;top:15px;cursor:pointer}.nav-container .mobile-nav i{font-size:35px}.general-section{margin-top:95px}.general-section h1,.general-section p{padding-right:0}.general-section button{color:#2e2a25;margin-top:30px;background:#0065ab;box-shadow:0 3px 6px rgba(0,0,0,.29);border:none;color:#fff;font-size:18px;padding:20px 80px;font-family:Montserrat,sans-serif;outline:none;cursor:pointer}.general-section button:hover{transition:.5s;box-shadow:4px 4px 6px rgba(0,0,0,.29)}.about-content img{width:100%;margin-top:30px;margin-bottom:40px}.about-sign-up{margin-top:50px}.about-sign-up .text-content,.contact-content,.contact-content-image{width:80%}.contact-content-text{float:none;width:100%}}@media screen and (max-width:1050px){.general-section .general-content{height:550px}.general-section .general-content .text-content{width:70%}}@media screen and (max-width:900px){.general-section{height:auto;margin-top:80px;padding:50px 0}.general-section .general-content{display:block;float:none;height:350px;padding:0;width:100%}.general-section .general-content .text-content{left:none;transform:none;margin:auto;position:static;width:90%}.general-section .general-images{display:block;margin:auto;padding:10px;width:90%}.general-section .general-images #lobby,.general-section .general-images #pool1,.general-section .general-images #pool2,.general-section .general-images #room{height:auto}.about-section .about-content .collaborate,.about-section .about-content .understand{display:block;float:none;height:auto;margin:auto;padding:0;width:90%}.about-section .about-content img{height:90%;object-fit:contain;position:static}.about-section .about-content .text-content{margin-bottom:75px}.contact-section .contact-content{padding-top:50px;width:90%}.contact-section .contact-content .contact-content-text{float:none;width:90%}}@media screen and (max-width:400px){.contact-section .contact-content h2{font-size:20px}}