body,html{overflow-x:hidden}@font-face{font-family:'Athiti';font-style:normal;font-weight:200;src:url(../fonts/athiti-v1-latin-ext-200.eot);src:local('Athiti ExtraLight'),local('Athiti-ExtraLight'),url(../fonts/athiti-v1-latin-ext-200.eot?#iefix) format('embedded-opentype'),url(../fonts/athiti-v1-latin-ext-200.woff2) format('woff2'),url(../fonts/athiti-v1-latin-ext-200.woff) format('woff'),url(../fonts/athiti-v1-latin-ext-200.ttf) format('truetype'),url(../fonts/athiti-v1-latin-ext-200.svg#Athiti) format('svg')}@font-face{font-family:'Athiti';font-style:normal;font-weight:400;src:url(../fonts/athiti-v1-latin-ext-regular.eot);src:local('Athiti'),local('Athiti-Regular'),url(../fonts/athiti-v1-latin-ext-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/athiti-v1-latin-ext-regular.woff2) format('woff2'),url(../fonts/athiti-v1-latin-ext-regular.woff) format('woff'),url(../fonts/athiti-v1-latin-ext-regular.ttf) format('truetype'),url(../fonts/athiti-v1-latin-ext-regular.svg#Athiti) format('svg')}@font-face{font-family:'Athiti';font-style:normal;font-weight:300;src:url(../fonts/athiti-v1-latin-ext-300.eot);src:local('Athiti Light'),local('Athiti-Light'),url(../fonts/athiti-v1-latin-ext-300.eot?#iefix) format('embedded-opentype'),url(../fonts/athiti-v1-latin-ext-300.woff2) format('woff2'),url(../fonts/athiti-v1-latin-ext-300.woff) format('woff'),url(../fonts/athiti-v1-latin-ext-300.ttf) format('truetype'),url(../fonts/athiti-v1-latin-ext-300.svg#Athiti) format('svg')}@font-face{font-family:'Athiti';font-style:normal;font-weight:500;src:url(../fonts/athiti-v1-latin-ext-500.eot);src:local('Athiti Medium'),local('Athiti-Medium'),url(../fonts/athiti-v1-latin-ext-500.eot?#iefix) format('embedded-opentype'),url(../fonts/athiti-v1-latin-ext-500.woff2) format('woff2'),url(../fonts/athiti-v1-latin-ext-500.woff) format('woff'),url(../fonts/athiti-v1-latin-ext-500.ttf) format('truetype'),url(../fonts/athiti-v1-latin-ext-500.svg#Athiti) format('svg')}@font-face{font-family:'Athiti';font-style:normal;font-weight:600;src:url(../fonts/athiti-v1-latin-ext-600.eot);src:local('Athiti SemiBold'),local('Athiti-SemiBold'),url(../fonts/athiti-v1-latin-ext-600.eot?#iefix) format('embedded-opentype'),url(../fonts/athiti-v1-latin-ext-600.woff2) format('woff2'),url(../fonts/athiti-v1-latin-ext-600.woff) format('woff'),url(../fonts/athiti-v1-latin-ext-600.ttf) format('truetype'),url(../fonts/athiti-v1-latin-ext-600.svg#Athiti) format('svg')}@font-face{font-family:'Athiti';font-style:normal;font-weight:700;src:url(../fonts/athiti-v1-latin-ext-700.eot);src:local('Athiti Bold'),local('Athiti-Bold'),url(../fonts/athiti-v1-latin-ext-700.eot?#iefix) format('embedded-opentype'),url(../fonts/athiti-v1-latin-ext-700.woff2) format('woff2'),url(../fonts/athiti-v1-latin-ext-700.woff) format('woff'),url(../fonts/athiti-v1-latin-ext-700.ttf) format('truetype'),url(../fonts/athiti-v1-latin-ext-700.svg#Athiti) format('svg')}@font-face{font-family:'Play';font-style:normal;font-weight:400;src:url(../fonts/play-v7-latin-regular.eot);src:local('Play'),local('Play-Regular'),url(../fonts/play-v7-latin-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/play-v7-latin-regular.woff2) format('woff2'),url(../fonts/play-v7-latin-regular.woff) format('woff'),url(../fonts/play-v7-latin-regular.ttf) format('truetype'),url(../fonts/play-v7-latin-regular.svg#Play) format('svg')}@font-face{font-family:'Play';font-style:normal;font-weight:700;src:url(../fonts/play-v7-latin-700.eot);src:local('Play Bold'),local('Play-Bold'),url(../fonts/play-v7-latin-700.eot?#iefix) format('embedded-opentype'),url(../fonts/play-v7-latin-700.woff2) format('woff2'),url(../fonts/play-v7-latin-700.woff) format('woff'),url(../fonts/play-v7-latin-700.ttf) format('truetype'),url(../fonts/play-v7-latin-700.svg#Play) format('svg')}body{background-image:url(../../images/poronin-intro.jpg);background-repeat:no-repeat;background-size:cover;font-family:'Athiti',sans-serif;height:100vh}.border{border:1px solid red}.for-residents-box .button,.for-tourists-box .button{border-radius:50px;display:inline-block;text-align:center}.header{margin-top:30px}.header .herb{margin-right:30px;width:auto!important;height:auto!important;float:left}.header .logo{display:inline-block;margin-top:20px}.content-box{position:absolute;top:50%;-webkit-transform:translateY(-60%);-ms-transform:translateY(-60%);transform:translateY(-60%);width:1170px}.for-residents{display:inline-block;height:250px;overflow:hidden;text-align:center}.for-residents .image{float:left;padding:0}.for-residents .image img{height:250px;-o-object-fit:cover;object-fit:cover;width:250px}.for-residents-box{background:#fff;height:250px}.for-residents-box h2{font-size:24px;text-transform:uppercase}.for-residents-box h3{font-size:16px;height:100px;padding:0 15px}.for-residents-box .button{background:#00933b;color:#fff;padding:10px;-webkit-transition:all .4s ease-in;transition:all .4s ease-in;width:120px}.for-residents-box .button:hover{background:#137139;text-decoration:none;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.for-tourists{color:#fff;display:inline-block;height:250px;overflow:hidden;text-align:center}.for-tourists .image{float:right;padding:0}.for-tourists .image img{height:250px;-o-object-fit:cover;object-fit:cover;width:250px}.for-tourists-box{background:#00933b;height:250px}.for-tourists-box h2{font-size:24px;text-transform:uppercase}.for-tourists-box h3{font-size:16px;height:100px;padding:0 15px}.for-tourists-box .button{background:#fff;color:#000;padding:10px;-webkit-transition:all .4s ease-in;transition:all .4s ease-in;width:120px}.footer,.footer-content a{color:#fff}.for-tourists-box .button:hover{background:#ededed;text-decoration:none;-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.footer{bottom:30px;margin-left:15px;margin-top:30px;position:absolute;width:1140px;text-shadow:1px 1px 3px #000}.footer-box{border-top:1px solid #bcbcbc;padding:0}.footer-title{font-size:16px;font-weight:700;text-transform:uppercase}.footer-title:before{background:#fff;content:'';height:2px;position:absolute;top:0;width:30px}.footer-content{margin-top:20px}.footer .table-of-hours{width:100%}.footer .table-of-hours tr td:first-child{width:30%}.footer .table-of-phones{width:100%}.footer .table-of-phones tr td:first-child{width:50%}@media all and (max-width:1199px){.for-residents .button,.for-tourists .button{padding:8px}.content-box,.footer{width:950px}.for-residents{height:200px}.for-residents h2{font-size:22px}.for-residents h3{font-size:14px;height:80px}.for-tourists{height:200px}.for-tourists h2{font-size:22px}.for-tourists h3{font-size:14px;height:80px}}@media all and (max-width:991px){.for-residents,.for-tourists{heigth:auto;overflow:visible;text-align:center}.content-box{top:20%;-webkit-transform:translateY(-20%);-ms-transform:translateY(-20%);transform:translateY(-20%);width:720px}.for-residents{width:100%}.for-residents .image{float:none;position:relative;z-index:999}.for-residents .image img{display:inline-block;height:220px;-o-object-fit:cover;object-fit:cover;width:200px}.for-residents-box{height:auto;margin-top:-30px;padding-bottom:30px;padding-top:30px;width:100%}.for-residents-box h2{font-size:28px;font-weight:700;padding:0 40px 20px}.for-residents-box h3{display:none}.for-residents-box .button{border-radius:50px;padding:12px 10px;-webkit-transition:all .4s ease-in;transition:all .4s ease-in;width:120px;position:relative;z-index:99999}.for-tourists{width:100%}.for-tourists .image{float:none;position:relative;z-index:999}.for-tourists .image img{display:inline-block;height:220px;-o-object-fit:cover;object-fit:cover;width:200px}.for-tourists-box{height:auto;margin-top:-30px;padding-bottom:30px;padding-top:30px;width:100%}.for-tourists-box h2{font-size:28px;font-weight:700;padding:0 40px 20px}.for-tourists-box h3{display:none}.for-tourists-box .button{border-radius:50px;padding:12px 10px;-webkit-transition:all .4s ease-in;transition:all .4s ease-in;width:120px}.footer{width:720px}.footer-box{margin-top:50px}.footer .table-of-phones tr td:first-child{width:30%}}@media all and (max-width:767px){.for-residents,.for-tourists{margin-top:200px}.footer-title:before,.for-residents-box h3,.for-tourists-box h3{display:none}.footer-content,.footer-title,.header{text-align:center}body{background:url(../../images/tlo-intro.jpg) center center no-repeat fixed;background-size:cover;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover}.content-box{position:static;width:auto}.for-residents .image img{height:180px;width:180px}.for-residents-box{padding-bottom:20px}.for-residents-box h2{font-size:24px;font-weight:700;padding:0 40px 10px}.for-residents-box .button{border-radius:50px;padding:10px;-webkit-transition:all .4s ease-in;transition:all .4s ease-in;width:120px}.for-tourists .image img{height:180px;width:180px}.for-tourists-box{padding-bottom:20px}.for-tourists-box h2{font-size:24px;font-weight:700;padding:0 60px 10px}.for-tourists-box .button{border-radius:50px;padding:10px;-webkit-transition:all .4s ease-in;transition:all .4s ease-in;width:120px}.footer{margin-top:0;padding-bottom:30px;position:static;width:auto}.footer-box{border-top:0}.footer-content{margin-top:20px}.footer-content a{color:#fff}.footer .table-of-hours{width:100%}.footer .table-of-hours tr td:first-child{text-align:right;width:35%}.footer .table-of-hours tr td:last-child{padding-left:15px;text-align:left;width:50%}.footer .table-of-phones{width:100%}.footer .table-of-phones tr td:first-child,.footer .table-of-phones tr td:last-child{display:block;width:100%}}@media all and (max-width:320px){.header .herb{margin-right:0}}