body{ position: relative;background-color: #fff;color: #16132a;font: 400 18px/1.5 Mulish,sans-serif;counter-reset: section;overflow-x: hidden;}p{ margin: 10px auto;}a{ cursor: pointer;text-decoration: none;color: #2a61a0;}a:hover{ color: #d0d7ec;}hr{ position: relative;display: table;clear: both;margin: 40px auto;width: 100%;height: 1px;background-color: #d0d7ec;}:focus,a:focus,button:focus,input:focus{ outline-width: medium;outline-color: #2a61a0!important;}h1,h2,h3,h4,h5,h6{ margin: 0;position: relative;}#page-title h1,.h1 small{ color: #16132a;font: 400 18px/1 "Be Vietnam Pro",sans-serif;display: block;margin: 10px auto;text-transform: uppercase;}#page-title h1:only-child,.h1,h2#append{ color: #16132a;font: 400 34px/1.2 "Be Vietnam Pro",sans-serif;}.dividerLead,.h2,.more-to-explore span,h2{ color: #16132a;font: 400 34px/1.2 "Be Vietnam Pro",sans-serif;position: relative;}.h3,h3{ color: #16132a;display: block;position: relative;font: 400 28px/1.1 "Be Vietnam Pro",sans-serif;}.h4,h4{ color: #16132a;display: block;position: relative;font: 700 20px/1.1 Mulish,sans-serif;text-transform: uppercase;}main ul{ list-style: none;padding: 0;margin: 10px 0;text-align: left;overflow: hidden;}main ul li{ position: relative;display: block;margin: 0 0 0 26px;padding-left: 34px;line-height: 1.6;}main ul li:before{ content: "\e933";color: #16132a;position: absolute;left: 0;top: 8px;font-size: 7px;}main ol{ padding: 0;}main ol li{ margin-bottom: 15px;list-style: none;padding-left: 0;}[class^=btn]{ position: relative;z-index: 1;display: inline-block;vertical-align: middle;cursor: pointer;text-align: center;transition: .3s all;font: 400 14px/1.2 "Be Vietnam Pro",sans-serif;color: #fff;min-width: 285px;margin: 10px;padding: 17px 10px;border-radius: 5px;background-image: linear-gradient(#2a61a0,#6e5ca1);}[class^=btn]:before{ position: absolute;left: 0;top: 0;bottom: 0;right: 0;content: "";z-index: -1;background-color: #6e5ca1;border-radius: 5px;}[class^=btn]:hover{ background-color: #d0d7ec;color: #fff;}[class^=btn]:hover:before{ opacity: 0;}.btn-alt:before{ background-color: #2a61a0;}.btn-thr{ background: 0 0;border: 1px solid #fff;color: #fff;padding: 15px 10px;}.btn-thr:before{ display: none;}.btn-thr:hover{ background-color: #fff;color: #2a61a0;}#fixed-tabs a{ text-transform: none;}#fixed-tabs .ra{ background-color: #6e5ca1;}#fixed-tabs .call{ background-color: #2a61a0;}#fixed-tabs .fr,#fixed-tabs .map{ background-color: #2e2d2d;}#fixed-tabs .fb{ background-color: #4d70a8;}#fixed-tabs .gg{ background-color: #dc4e41;}header{ position: fixed;z-index: 100;left: 0;top: 0;width: 100%;transition: .3s all;}header:focus-within{ z-index: 500;}header .logo{ position: relative;z-index: 1;position: absolute;left: 50%;top: 10px;transform: translateX(-50%);}header .logo img{ max-height: 150px;}header .hd-container{ flex: 1;display: flex;}header .hd-info{ display: flex;align-items: center;justify-content: space-between;flex: 1;min-height: 150px;gap: 20px;}header .pho{ color: #fff;font: 400 20px/1 "Be Vietnam Pro",sans-serif;margin-right: auto;}header .pho strong{ margin-right: 20px;}header .phy{ color: #fff;font-size: 18px;line-height: 1.2;order: 2;min-width: 275px;}header .pho,header .phy{ display: block;position: relative;}header .pho:hover,header .phy:hover{ color: #16132a;}header .ra{ order: -1;min-width: 145px;margin: 0;}@media (min-width:2000px){ nav{ flex: 0 1 100%; } nav, nav ul li, nav ul li a{ position: relative; } nav > ul{ padding: 0;max-width: 980px;margin: auto; } nav ul{ margin: auto;list-style: none;display: flex;justify-content: space-around; } nav ul li a{ display: block;color: #fff; } nav ul li a:hover{ color: #fff; } nav > ul > li{ flex: 1 1 auto;text-align: center; } nav > ul > li:last-of-type:after{ display: none; } nav > ul > li > a{ padding: 6px;font-size: 16px;color: #2a61a0; } nav > ul > li > a span{ color: #16132a; } nav > ul > li:hover > a{ color: #d0d7ec; } nav ul li:hover > ul{ display: block;visibility: visible;animation-name: fadeIn;animation-duration: .25s;animation-fill-mode: both; } nav ul ul{ display: none;min-width: 280px;width: 100%;padding: 0;position: absolute;z-index: 3;left: 0;text-align: left;background-color: #2a61a0;box-shadow: 10px 17.3px 25px rgba(0,0,0,.2); } nav > ul > li:last-child ul{ right: 0;left: auto; } nav ul ul li > a{ padding: 10px 12px;font-size: 14px;line-height: 1.3;text-transform: none; } nav ul ul li:hover > a{ background-color: #e6f5fe;color: #fff; } nav ul ul ul{ left: 100%;top: 0;background-color: #d0d7ec; } nav ul ul ul li button i:before{ content: "\e825"!important; } nav ul ul ul ul{ top: auto;left: 0;position: relative;display: block;box-shadow: none;background-color: rgb(171.6818181818,184.0909090909,221.3181818182); } nav ul ul ul ul li a{ padding-left: 2em;padding-left: 2em; } nav ul ul ul ul li a{ background-color: rgb(178.9454545455,190.2727272727,224.2545454545); } nav ul ul ul ul li:hover a{ background-color: rgb(180.9615384615,225.3846153846,252.0384615385); } .has-submenu button, .has-submenu span > a{ display: inline-block;line-height: 1;color: #fff; } .has-submenu.open > ul{ display: block; } .has-submenu.open > ul :focus{ background-color: rgba(255,255,255,.2); } nav li button{ display: inline-block;padding: 0; } nav > ul > li.has-submenu > a > button{ color: #e6f5fe; }}.fix-nav header{ position: fixed!important;z-index: 100;background-image: linear-gradient(#2a61a0,#6e5ca1);}.fix-nav header .hd-info{ min-height: 100px;}.fix-nav header .logo{ top: 2px;}.fix-nav header .logo img{ max-height: 96px;}@media (max-width:2000px){ .place-nav{ max-width: 1300px;margin: 0 auto;padding: 0 10px;display: flex;justify-content: space-between; } .mean-container .mean-nav, body, header{ transition: all .3s; } body{ right: 0; } .attach header{ position: fixed!important; } .attach header .top-nav{ display: none!important; } body.mean-active header{ left: -40%;transform: none; } body.mean-active{ overflow: hidden;right: 40%; } body.mean-active:before{ z-index: 98;content: "";opacity: .7;background-color: #000;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: none;height: inherit; } body.mean-active .mean-container .mean-nav{ right: 0; } .mean-container{ display: flex!important;flex-flow: row nowrap;justify-content: space-between; } .mean-container .mean-bar{ width: 53px;min-height: 53px;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-left: 8px;margin-right: 40px; } .mean-container .meanmenu-reveal{ display: block;color: #e6f5fe; } .mean-container a.meanmenu-reveal.meanclose i:before{ transform: rotate(45deg);font-size: 60px;content: "+";margin: 0; } .mean-container .mean-bar .icon-menu{ position: relative;justify-content: center;display: flex;align-items: center;flex-flow: column;transition: .3s all;z-index: 1;margin: 0; } .mean-container .meanmenu-reveal .icon-menu:before{ color: #fff;font-size: 30px;content: "|||";transform: rotate(90deg) scaleY(1.6);letter-spacing: 3.2px; } .mean-container .meanmenu-reveal.meanclose i:before{ transform: rotate(45deg);font-size: 60px;content: "+";margin: -5px 0 0 8px; } .mean-container .meanmenu-reveal.meanclose:after{ content: ""; } .mean-container .mean-nav{ position: fixed;right: -40%;margin: 0;top: 0;bottom: 0;width: 40%;overflow: auto;display: flex;flex-flow: column;justify-content: flex-start;background-color: #16132a; } .mean-container .mean-nav ul{ font-size: 16px;padding: 0;margin: 0;width: 100%;list-style-type: none; } .mean-container .mean-nav ul li{ position: relative;width: 100%; } .mean-container .mean-nav ul li a{ display: block;padding: 1em 5%;padding-right: 58px!important;margin: 0;text-align: left;color: #fff;border-top: 1px solid rgba(255,255,255,.5);text-decoration: none;text-transform: uppercase; } .mean-container .mean-nav ul li li a{ padding: 1em 10%;border-top: 1px solid #f1f1f1;border-top: 1px solid rgba(255,255,255,.25);opacity: .75;text-shadow: none!important;visibility: visible; } .mean-container .mean-nav ul li.mean-first a{ border-top: none;margin-top: 0; } .mean-container .mean-nav ul li.mean-last a{ border-bottom: none;margin-bottom: 0; } .mean-container .mean-nav ul li li li a{ padding: 1em 15%; } .mean-container .mean-nav ul li li li li a{ padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a{ padding: 1em 25%; } .mean-container .mean-nav ul li a:hover{ background: #252525;background: rgba(255,255,255,.1); } .mean-container .mean-nav ul li a.mean-expand{ width: 48px;line-height: 50px;font-size: 20px;padding: 0!important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;background: rgba(255,255,255,.1);border: none!important;border-left: 1px solid rgba(255,255,255,.4)!important;border-bottom: 1px solid rgba(255,255,255,.4)!important; } .mean-container .mean-nav ul li a.mean-expand:before{ content: "\e825";font-family: fontello;font-weight: 400;margin: 0;font-style: normal; } .mean-container .mean-nav ul li .mean-expand.mean-clicked:before{ content: "\e83a"; } .mean-remove{ display: none!important; } .mean-nav .social{ min-height: 66px;background-color: rgba(0,0,9,.1);margin: 0;padding: 10px 5px;justify-content: center; } .mean-nav .fo-title{ color: #fff;text-align: center; } .mean-nav .hours{ display: block;text-align: center;color: #fff;padding: 10px;margin: 10px auto auto; } .mean-nav .hours p{ display: table;text-align: left;font-size: 15px;margin: 10px auto 0;color: #fff; }}@media (max-width:1024px){ .place-nav{ padding: 0; } header .hd-info{ display: none; } .mean-container .mean-bar{ margin-right: 0;background-image: linear-gradient(#2a61a0,#6e5ca1); } .mean-container .mean-nav{ width: 0; } body.mean-active .mean-container .mean-nav{ width: 80%; } .hd-info{ display: flex;align-items: center;margin-right: 10px;justify-content: flex-end;text-align: center; } header .place-nav{ height: 80px; } header .pho{ font-size: 30px; } header .logo{ padding: 8px;top: 0; } header .logo img{ max-height: 100px; } #hd-top, #main-nav, header .hd-btns, header .phy, header [class^=btn], header nav ul{ display: none; } .nav-up{ transform: translateY(-100%); } .nav-up .logo img{ max-height: 70px; } body.mean-active header{ left: -80%;transform: none; } body.mean-active{ overflow: hidden;right: 80%; } .mean-container .mean-bar{ width: 53px;height: 53px;align-self: flex-start; } .mean-container a.meanmenu-reveal.meanclose i:before{ transform: rotate(45deg);font-size: 60px;content: "+";margin: -5px 0 0 8px; } .mean-container .mean-bar .icon-menu{ position: relative;display: table;transition: .3s all;z-index: 1;margin: 5px 0 0 5px; } .mean-container .meanmenu-reveal .icon-menu:before{ font-size: 30px;content: "|||";transform: rotate(90deg) scaleY(1.6);letter-spacing: 3.2px; }}.play{ cursor: pointer;border: none;background-color: transparent;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;color: #16132a;font: 700 15px/1 Mulish,sans-serif,sans-serif;text-transform: uppercase;letter-spacing: 1.5px;text-align: center;transition: .3s all;}.play i{ width: 75px;height: 75px;border-radius: 50%;background-color: #fff;display: block;color: #16132a;display: inline-flex;align-items: center;justify-content: center;font-size: 30px;margin: 10px;transition: .3s all;}.play i:before{ margin: auto;padding-left: 5px;}.play:hover{ color: #d0d7ec;}.play:hover i{ background-color: #d0d7ec;color: #fff;}[data-embed] .close,[data-vimeo] .close{ cursor: pointer;line-height: 1;background-color: #2a61a0;color: #fff;padding: 8px;text-transform: uppercase;z-index: 5;position: absolute;top: 0;right: 0;min-width: 160px;}[data-embed] .close i,[data-vimeo] .close i{ font-style: normal;font-size: 1.25em;line-height: 1;vertical-align: middle;display: inline-block;margin-bottom: 5px;}[data-embed] .close:focus,[data-vimeo] .close:focus{ background-color: rgb(31.396039604,72.5099009901,119.603960396);}[data-embed] .close:hover,[data-vimeo] .close:hover{ background-color: #1b1b1b;color: #fff;}[data-embed] .close i:before{ transform: rotate(45deg);}body.page_index .h2,body.page_index h2{ display: block;}body.page_index .h2 small,body.page_index h2 small{ display: block;font: 400 26px/1 Mulish,sans-serif;}body.page_index:not(.fix-nav) header{ background-image: linear-gradient(#2a61a0,rgba(0,0,0,0));}.split{ padding: 60px 10px;}.split .flex-ed{ max-width: 1300px;margin: auto;display: flex;align-items: center;justify-content: space-between;}.split article{ flex: 1 0 auto;max-width: 550px;padding: 10px;margin: auto;}.split figure{ flex: 1 0 auto;}.split [class^=btn]{ margin-left: 0;}#banner{ text-align: center;position: relative;}#banner article{ position: absolute;bottom: 120px;left: 50%;transform: translateX(-50%);width: 100%;padding: 45px 10px;max-width: 1150px;background: linear-gradient(90deg,rgba(243,243,243,0) 4%,rgba(243,243,243,.722) 10%,#fff 33%,#fff 61%,rgba(243,243,243,.722) 88%,rgba(243,243,243,0) 96%);}#banner figure{ max-height: 800px;overflow: hidden;position: relative;}#banner figure:after{ position: absolute;left: 0;bottom: -20px;content: "";background: url(assets/images/curve-1.webp) center bottom no-repeat;background-size: 100% 126px;height: 126px;right: 0;}#banner figure img{ margin: 0;width: 100%;}#banner h1{ font: 400 18px/1.2 "Be Vietnam Pro",sans-serif;text-transform: uppercase;}#banner .ba-links{ font-size: 14px;margin-top: 20px;display: flex;justify-content: center;gap: 20px;}#banner .ba-links a{ color: #16132a;text-decoration: underline;}#banner .ba-links a:hover{ color: #6e5ca1;}#banner .btn{ margin: 20px 0 0;min-width: 200px;}#welcome{ padding: 90px 10px;}#welcome .flex-ed{ max-width: 1300px;}#welcome figure{ max-width: 622px;width: 100%;}#welcome article{ max-width: 650px;background-color: #e6f5fe;padding: 80px 10px;box-shadow: 0 3px 6px rgba(0,0,0,.3);}#welcome article h2{ margin: 0 auto;}#welcome article > *{ max-width: 536px;}#welcome .btn{ min-width: 200px;}#about{ padding: 0;background-color: #e6f5fe;}#about .flex-ed{ max-width: 1400px;}#about figure{ max-width: 700px;}#about article{ max-width: 520px;}#why{ padding: 100px 10px;background: url(assets/images/pattern-1.webp) center top no-repeat;background-size: cover;}#why .flex-ed{ max-width: 1300px;background-color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.3);}#why figure{ max-width: 650px;}#why .btn{ min-width: 190px;margin-top: 20px;}#tech{ text-align: center;padding: 90px 10px 10px;}#tech article{ max-width: 889px;margin: 0 auto;}#tech .flex-tech{ margin: 60px auto 0;justify-content: center;gap: 12px;}#tech .flex-tech > *{ max-width: 425px;background-color: #e6f5fe;min-height: 625px;text-align: left;padding: 50px 40px;color: #16132a;}#tech .flex-tech > * figure{ margin-bottom: 20px;}#tech .flex-tech > * figure img{ margin: 0;}#tech .flex-tech > * h3{ margin-bottom: 15px;transition: .3s;}#tech .flex-tech > * em{ font-style: normal;}#tech .flex-tech > :hover h3{ color: #2a61a0;}#meet{ padding: 90px 10px;}#meet .flex-ed{ max-width: 1300px;background-color: #e6f5fe;box-shadow: 0 3px 6px rgba(0,0,0,.3);}#meet figure{ max-width: 650px;}#meet .btn{ min-width: 193px;}#services{ text-align: center;background-color: #e6f5fe;padding: 90px 10px 120px;}#services .contain{ max-width: 1150px;margin: 0 auto;}#services .slick-servs{ max-width: 370px;margin: 100px 0 0;}#services .slick-servs .slick-list{ overflow: visible;}#services .slick-servs .slick-slide{ padding-right: 30px;}#services .slick-servs a{ display: block;position: relative;max-width: 370px;color: #fff;text-align: left;overflow: hidden;}#services .slick-servs a figure{ position: relative;overflow: hidden;}#services .slick-servs a figure img{ transition: 1s;}#services .slick-servs a figure:after{ position: absolute;left: 0;top: 0;bottom: 0;right: 0;content: "";background-image: linear-gradient(rgba(0,0,0,0),#000);opacity: .5;}#services .slick-servs a svg{ fill: #fff;}#services .slick-servs a h3{ color: #fff;margin-bottom: auto;}#services .slick-servs a span{ position: absolute;left: 0;bottom: 0;right: 0;padding: 20px;display: flex;flex-flow: column;min-height: 180px;}#services .slick-servs a em{ font-style: normal;min-height: 110px;margin-bottom: -140px;display: block;transition: .3s;}#services .slick-servs a:hover em{ margin-bottom: 0;margin-top: 10px;}#services .slick-servs a:hover figure img{ transform: scale(1.1);}#services .slick-controls{ margin-top: 40px;}#services .slick-controls .slick-dots{ gap: 0;width: 100%;display: flex;}#services .slick-controls .slick-dots li{ flex: 1;margin: 0;}#services .slick-controls .slick-dots li button{ width: 100%;}#services .slick-controls .slick-dots li span{ background-color: #16132a;border-radius: 0;margin: 0;width: 100%;transition: .3s;height: 5px;}#team{ position: relative;padding-bottom: 100px;}#team figure{ position: relative;}#team figure:after{ position: absolute;left: 0;bottom: -20px;content: "";background: url(assets/images/curve-1.webp) center bottom no-repeat;background-size: 100% 126px;height: 126px;right: 0;}#reviews{ position: relative;padding: 150px 10px 100px;text-align: center;background: url(assets/images/pattern-1.webp) center top no-repeat;background-size: cover;color: #fff;}#reviews .contain{ max-width: 980px;margin: 0 auto;}#reviews h2{ color: #fff;margin-bottom: 45px;}#reviews .slick-reviews{ max-width: 670px;margin: 0 auto;}#reviews .slick-reviews i.icon-quote{ border: 1px solid #fff;width: 47px;height: 47px;display: flex;border-radius: 50%;justify-content: center;align-items: center;margin: 0 auto 15px;}#reviews .slick-reviews .slick-slide{ padding: 0;margin: 0;}#reviews .slick-reviews .review{ text-align: left;}#reviews .author{ display: block;margin-top: 15px;}#reviews .author star:before{ color: #fff;}#reviews .slick-controls{ margin-top: 70px;}#reviews .slick-controls .slick-dots{ width: 100%;display: flex;justify-content: space-around;position: relative;}#reviews .slick-controls .slick-dots:before{ position: absolute;left: 0;top: 50%;height: 1px;background-color: #fff;right: 0;content: "";transform: translateY(-50%);}#reviews .slick-controls .slick-dots li{ margin: 0;}#reviews .slick-controls .slick-dots li span{ background-color: #6e5ca1;width: 34px;height: 34px;opacity: 1;position: relative;transition: .3s;}#reviews .slick-controls .slick-dots li span:before{ width: 1px;left: 50%;top: 0;bottom: 0;content: "";background-color: #fff;display: block;position: absolute;}#reviews .slick-controls .slick-dots li span:after{ position: absolute;left: 50%;top: 50%;width: 25px;height: 25px;transform: translate(-50%,-50%);background-color: #fff;content: "";border-radius: 50%;}#reviews .slick-controls .slick-dots li.slick-active span{ background-color: #d0d7ec;}#reviews .slick-controls .slick-arrow{ border-color: #fff;color: #fff;}#reviews .btn-thr{ min-width: 170px;margin-top: 80px;}#faqs{ padding: 90px 10px;}#faqs .contain{ max-width: 1018px;margin: 0 auto;}#faqs .accordion .btn{ min-width: 150px;margin-left: 0;}#follow{ background: url(assets/images/pattern-1.webp) center center no-repeat;background-size: cover;max-width: 1018px;margin: 0 auto 110px;color: #fff;padding: 50px 20px;}#follow .flex-ed{ max-width: 720px;margin: 0 auto;justify-content: space-between;gap: 20px;}#follow h2{ color: #fff;}#follow article{ max-width: 567px;}#follow .social{ align-self: flex-end;gap: 30px;}#follow .social a{ font-size: 40px;height: 40px;width: 40px;line-height: 40px;}#specials{ background-color: #e6f5fe;padding: 90px 10px;text-align: center;}#specials h2{ margin-bottom: 40px;}#specials .flex-cpns{ max-width: 1125px;margin: 0 auto;flex-flow: column;}#specials .flex-cpns .cpn{ display: flex;text-align: left;background-color: #fff;max-width: 900px;color: #16132a;border-radius: 10px;box-shadow: 0 3px 46px rgba(0,0,0,.3);flex: 1 0 auto;width: 100%;}#specials .flex-cpns .cpn .flex-ed{ align-items: center;margin: auto;gap: 20px;padding: 10px;}#specials .flex-cpns .cpn .free{ font-size: 57px;text-transform: uppercase;}#specials .flex-cpns .cpn h3{ text-transform: uppercase;font-size: 22px;}#specials .flex-cpns .cpn h3 strong{ display: block;}#specials .flex-cpns .cpn figure{ position: relative;}#specials .flex-cpns .cpn figure .btn{ margin: 0;position: absolute;min-width: 150px;right: 40px;top: 50%;transform: translateY(-50%);}#specials .flex-cpns .cpn:first-child{ z-index: 1;}#specials .flex-cpns .cpn:last-child{ margin-left: auto;}.special-form{ max-width: 500px;background-color: #2a61a0;padding: 40px 20px;}.special-form h3{ color: #fff;margin-bottom: 20px;}.special-form .btn-thr{ min-width: 200px;}#find #map{ width: 100%;max-width: 650px;}#find ul{ margin-top: 20px;}#find ul li{ background-color: #e6f5fe;margin-bottom: 10px;padding: 10px 20px;margin-left: 0;}#find ul li:before{ display: none;}#find .btn{ min-width: 150px;}.social{ text-align: center;margin: 0;display: flex;justify-content: space-around;}.social a{ position: relative;display: inline-block;margin: 5px;font-size: 22px;color: #fff;width: 40px;height: 40px;border-radius: 50%;line-height: 40px;}.social a:hover{ color: #6e5ca1;}#assoc{ display: flex;justify-content: space-around;max-width: 1150px;margin: 0 auto;padding: 40px 10px;align-items: center;}footer{ background-image: linear-gradient(#2a61a0,#6e5ca1);color: #fff;}footer a{ color: #fff;}footer a:hover{ color: #16132a;}footer .fo-title{ color: #fff;display: block;margin-bottom: 20px;text-align: left;font-size: 20px;}footer #fo-contents{ display: flex;justify-content: space-around;line-height: 1.4;}footer #fo-contents .fo-logo{ flex: 1;background-color: #e6f5fe;width: 100%;max-width: 30%;min-height: 400px;display: flex;justify-content: center;align-items: center;padding: 10px;}footer .flex-ed{ max-width: 700px;flex: 1;margin: auto;justify-content: space-between;}footer .pho{ font-size: 22px;display: block;}footer .phy{ font-size: 18px;display: block;margin-bottom: 20px;}footer .hours{ margin: 0;}footer .social{ justify-content: center;display: flex;gap: 10px;}footer .social a{ font-size: 18px;width: 20px;height: 20px;line-height: 20px;}#copy{ text-align: center;background-color: #434343;font-size: 14px;line-height: 1.2;padding: 15px 10px;}#copy a:hover{ color: #6e5ca1;}#copy .flex-ed{ max-width: 1300px;margin: 0 auto;align-items: center;justify-content: space-between;}#copy span:not(#copyDate){ margin: 0 1em;}#copy .icon-tnt{ display: inline-block;vertical-align: middle;margin: 0 20px 10px -12px;font-size: 55px;}#page{ position: relative;display: block;width: 100%;margin: auto;padding: 30px 16px;max-width: 1350px;clear: both;}#page.has_divider{ padding-bottom: 0;padding-top: 0;}.page_index .internal{ display: none;}.center{ text-align: center;}main{ overflow: hidden;}@media (min-width:800px){ ul.two{ -webkit-column-count: 2;column-count: 2; }}@media (max-width:750px){ main ul li{ margin-left: 10px; } .block .elem-left, .block .elem-right, .elem-left, .elem-right{ display: table;float: none;margin: 20px auto;max-width: 100%; }}#interior-banner{ display: flex;flex-direction: column;justify-content: center;position: relative;text-align: center;background: url(assets/images/interior-banner.webp) center center no-repeat;background-size: cover;padding: 40px 0 0;}#interior-banner:before{ content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: linear-gradient(#2a61a0,#6e5ca1);opacity: .8;}#interior-banner:after{ position: absolute;left: 0;bottom: -20px;content: "";background: url(assets/images/curve-1.webp) center bottom no-repeat;background-size: 100% 126px;height: 126px;right: 0;}#interior-banner .contain{ max-width: 1150px;margin: auto;width: 100%;position: relative;z-index: 1;padding: 50px 20px;}#interior-banner .flex-title{ height: 100%;margin: 0;width: 100%;justify-content: center;align-items: center;}#interior-banner .flex-title .contain{ flex: 1;max-width: 50%;margin: 0;text-align: left;padding: 10px;}#interior-banner .flex-title .contain #intro,#interior-banner .flex-title .contain #page-title{ max-width: 600px;}#interior-banner #main-img{ flex: 0 1 auto;}#interior-banner #page-title{ margin: 0 auto;padding: 45px 10px;background: linear-gradient(90deg,rgba(243,243,243,0) 4%,rgba(243,243,243,.722) 10%,#fff 33%,#fff 61%,rgba(243,243,243,.722) 88%,rgba(243,243,243,0) 96%);}#interior-banner #page-title h2#append{ max-width: 720px;margin: 0 auto;}#intro{ max-width: 890px;text-align: center;padding: 40px 10px;margin: 0 auto;}#static-banner{ display: none;}.why{ padding: 90px 0;position: relative;counter-reset: why-section;}.why:before{ content: "";position: absolute;left: -1000px;right: -1000px;top: 0;bottom: 0;background: url(assets/images/pattern-1.webp) center top no-repeat;background-size: 100vw 100%;transition: none;}.why h2{ text-align: center;color: #fff;max-width: 640px;margin: 0 auto 40px;line-height: 1.2;}.why ul{ display: flex;justify-content: space-around;align-items: center;text-align: center;align-items: flex-start;}.why ul li{ max-width: 425px;min-height: 295px;background-color: #e6f5fe;display: flex;justify-content: center;align-items: center;flex: 1 1 33%;padding: 10px 20px;margin: 10px;width: 100%;color: #6e5ca1;overflow: visible;font-size: 28px;line-height: 1.2;}.why ul li:before{ display: none;}.page-divider{ display: block;max-width: 100%;width: 100%;position: relative;z-index: 1;}.block{ position: relative;display: block;width: 100%;max-width: 100%;padding: 90px 10px;}.block:before{ content: "";position: absolute;left: -1000px;right: -1000px;top: 0;bottom: 0;z-index: -1;}.block .contain{ display: flex;justify-content: space-between;align-items: center;}.block h2{ margin-bottom: 20px;}.block .wrap{ height: 0;}.block article{ margin: auto 0;flex: 1;background-color: #e6f5fe;box-shadow: 0 3px 6px rgba(0,0,0,.3);padding: 80px 20px;}.block article p:first-of-type{ margin-top: 0;}.block ul li{ margin-left: 0;}.block .btn{ margin-left: 0;}.block .elem{ flex: 0 0 auto;position: relative;z-index: 3;max-width: 650px;}.block .elem-right{ order: 1;}@media (min-width:1025px){ .block article{ padding: 80px 50px; } .block .elem{ margin: 0; }}.block:nth-of-type(even):before{ background-color: #d0d7ec;}.mini-block{ display: flex;justify-content: center;clear: both;max-width: 100%;width: 100%;margin: 30px auto;}.block.no_img{ text-align: center;}.meet-center{ margin: auto!important;}.meet-quote{ background-color: #2a61a0;padding: 40px 20px;color: #fff;margin-top: 25px;}.meet-quote p{ max-width: 422px;}.meet-quote span{ display: block;margin-top: 30px;}.meet-video{ position: relative;}.play-btn{ width: 60px;height: 60px;border: 5px solid #fff;border-radius: 50%;color: #fff;font-size: 20px;position: absolute;left: 20px;bottom: 20px;display: flex;justify-content: center;align-items: center;opacity: .7;}.play-btn .icon-play:before{ margin-left: 8px;}.play-btn:hover{ opacity: 1;border-color: #6e5ca1;color: #6e5ca1;}#bio-vid{ max-width: 800px;}.plan{ max-width: 980px;margin: 0 auto;border: 1px solid #d0d7ec;display: flex;align-items: center;flex-flow: wrap;justify-content: space-around;}.plan figure{ max-width: 491px;background-image: linear-gradient(#2a61a0,#6e5ca1);color: #fff;}.plan figure p{ padding: 20px;}.plan article{ max-width: 400px;padding: 10px;margin: auto;}.plan article .price{ display: flex;font: 400 100px/1 "Be Vietnam Pro",sans-serif;align-items: center;gap:10px;}.plan article .price strong{ font-size: 40px;font-weight: inherit;max-width: 80px;line-height: .9;}.plan article ul li{ margin-left: 0;line-height: 1.4;}@media (max-width:600px){ .plan article .price{ font-size: 80px; }}.flex-logos{ flex-flow: wrap;gap: 20px 30px;align-items: center;justify-content: center;}.flex-logos > *{ max-width: 150px;}.more-to-explore{ position: relative;text-align: center;margin: 0 auto;padding: 40px 10px 60px;}.more-to-explore span{ display: block;margin-bottom: 20px;}.more-to-explore p{ padding: 10px;margin: auto;max-width: 1150px;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}.more-to-explore [class^=btn]{ min-width: 350px;margin: 5px;}#common{ display: flex;flex-flow: wrap;margin: 40px auto 0;max-width: 980px;text-align: center;}#common > *{ flex: 1 0 120px;margin: 0 1em 20px;}#common a:hover h3{ color: #d0d7ec;}#common .off{ pointer-events: none;}#common .ic-color{ fill: #d0d7ec;}#common .sv-icon,#common span{ justify-content: center;display: flex;min-height: 80px;align-items: center;margin-bottom: 10px;}#common h3{ font: 700 14px/1.1 Mulish,sans-serif;letter-spacing: 1.4;text-transform: uppercase;}body.page_services #interior-banner{ padding-bottom: 100px;}body.page_services #interior-banner h1,body.page_services #interior-banner h2{ color: #fff;}body.page_services #interior-banner #page-title{ background: 0 0;padding: 0 10px;}body.page_services #interior-banner:after{ display: none;}body.page_services #interior-banner #intro{ padding: 20px 10px;color: #fff;}body.page_services #page{ position: relative;max-width: 100%;padding: 1px 15px 120px;}body.page_services #page:before{ position: absolute;left: -1000px;right: -1000px;top: 0;bottom: 0;background-image: linear-gradient(#2a61a0,#6e5ca1);content: "";}body.page_services #page:after{ position: absolute;left: 0;bottom: -20px;content: "";background: url(assets/images/curve-1.webp) center bottom no-repeat;background-size: 100vw 126px;height: 126px;right: 0;}.services-grid{ max-width: 1150px;position: relative;margin: -100px auto 0;justify-content: center;gap: 20px;display: flex;flex-wrap: wrap;}.services-grid > div{ flex: 1 0 auto;width: 100%;max-width: 370px;margin: 0;background-color: #6e5ca1;min-height: 620px;}.services-grid h3{ display: block;text-align: left;line-height: 1.1;padding: 0 35px;margin-top: -50px;}.services-grid h3 a{ color: #fff;}.services-grid figure{ transition: .4s all;max-height: 263px;overflow: hidden;}.services-grid ul{ display: block;margin: 20px auto 0;padding: 0 35px;}.services-grid ul li{ line-height: 1.2;margin: 10px auto;}.services-grid ul li a{ color: #fff;}.services-grid ul li:before{ color: #fff;}.services-grid h3:hover a{ color: #16132a;}.services-grid ul li:hover a{ color: #16132a;}@media (min-width:1200px){ .services-grid > div:last-child{ margin-right: auto; }}.landing{ display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;margin: 40px auto;gap: 20px;}.landing a{ flex: 0 1 30%;margin: 10px;text-align: center;display: block;max-width: 350px;}.landing a img{ transition: .3s;}.landing a:hover img{ filter: grayscale(1);}.styled-form{ text-align: center;}.styled-form .inline,.styled-form .input-content{ background-color: #2a61a0;text-align: left;}.input--filled .input__label::before,.styled-form .input__field:focus + .input__label::before{ border-color: #d0d7ec;}.accordion{ margin: 40px auto;text-align: left;max-width: 1100px;}.accordion .toggle{ position: relative;cursor: pointer;clear: both;padding: 20px 50px 20px 0;width: 100%;display: block;text-align: left;}.accordion .toggle h3{ transition: .3s;}.accordion .toggle:hover .h2,.accordion .toggle:hover .h3,.accordion .toggle:hover h2,.accordion .toggle:hover h3{ color: #6e5ca1;}.accordion .toggle:after{ content: url(assets/images/icon-cross.svg);position: absolute;top: 13px;right: 0;height: 35px;}.accordion .faq{ border-bottom: 1px solid #e8e8e8;}.accordion .faq.active .toggle:after{ transform: rotate(45deg);}.accordion .faq > div{ display: none;padding: 0 50px 20px 0;}.accordion .faq > div p:first-of-type{ margin-top: 0;}.hours{ display: table;margin: 10px auto;text-align: left!important;}.hours label{ width: 120px;display: inline-block;font-weight: 700;}.contact{ display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;max-width: 1130px;margin: 30px auto;}.contact h3{ margin: 10px auto;}.contact p{ margin: 15px 0 10px;line-height: 1.4;}.contact > div:first-child{ flex: 1 0 auto;margin-right: 20px;}.contact > div:last-child{ margin-right: 10px;}.contact-map{ max-width: 1130px;margin: 0 auto;}.slick-slider .slick-arrow{ position: absolute;left: 0;top: 50%;transform: translateY(-50%);}.slick-slider #next{ left: auto;right: 0;}.slick-controls{ display: flex;align-items: center;justify-content: center;gap: 10px;}.slick-controls #next{ order: 2;}.slick-arrow{ color: #16132a;font-family: fontello;font-size: 22px;left: 0;width: 40px;height: 40px;flex: 0 0 40px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 50%;border: 1px solid #16132a;z-index: 5;transition: .3s all;}.slick-arrow:hover{ background-color: #6e5ca1;color: #fff;}.slick-dots{ line-height: 1;}.slick-dots li{ line-height: 1;}.slick-dots li button{ padding: 0;}.slick-dots span{ cursor: pointer;background-color: #e6f5fe;height: 12px;width: 12px;border-radius: 50%;display: inline-block;margin: 0 5px;opacity: .18;}.slick-dots .slick-active span{ opacity: 1;}.pagingInfo{ text-align: center;}.gallery{ max-width: 850px;margin: 40px auto;padding: 0;position: relative;}.slick-gallery{ position: relative;margin: 20px auto;text-align: center;}.slick-gallery .case{ display: flex;justify-content: space-around;}.slick-gallery .case span{ margin: 10px;position: relative;padding-bottom: 40px;}.slick-gallery .case span:after{ content: "Before";position: absolute;bottom: 5px;left: 0;right: 0;margin: auto;display: block;margin: auto;color: #16132a;text-transform: uppercase;}.slick-gallery .case span:last-of-type:after{ content: "After";}.slick-gallery figcaption{ margin: 5px auto;}#safety h3:after{ background-color: #2a61a0;}.cls-2,.cls-3,.cls-4{ stroke: #2a61a0;}.thinner .cls-2{ fill: #2a61a0;}.covid-icon{ border-color: #2a61a0;}@media (max-width:1024px){ .split .flex-ed{ flex-flow: column;text-align: center;gap: 40px; } .split figure{ margin: 0 auto; } .split article{ margin: 0 auto;padding: 10px; } .split .btn{ margin: 10px auto; } #interior-banner .flex-title{ text-align: center; } #interior-banner .flex-title .contain{ max-width: 100%; } .flex-title{ display: block;text-align: center; } .flex-title #page-title{ text-align: center; } #page{ padding: 30px 20px; } #main-img{ min-height: auto;margin: 10px auto 20px; } #main-img img{ display: block; } #intro{ margin: 20px auto;text-align: center; } .block{ text-align: center;padding: 40px 10px; } .block .contain{ display: block; } .block .btn{ margin: 10px auto; } .block h2, .block h3{ margin-bottom: 20px;text-align: center; } .block [class^=elem]{ float: none;margin: 10px auto 0;max-width: 100%; } .block ul{ display: table;margin: 20px auto; } .contact{ text-align: center;display: block; } .contact > div:first-child, .contact p{ margin: 10px auto; } #banner article{ position: static;transform: none;background: 0 0; } #welcome{ padding: 50px 5px; } #welcome article{ width: 100%;max-width: 100%; } #welcome figure{ order: -1;padding: 0 5px; } #about{ padding-bottom: 100px; } #why article{ padding-bottom: 80px; } #why figure{ order: -1; } #meet article{ padding-bottom: 50px; } #reviews{ padding: 100px 10px; } #follow{ margin-bottom: 90px;max-width: 98%; } #follow .flex-ed{ flex-flow: column;text-align: center;justify-content: center;align-items: center; } #follow .social{ align-self: center; } #find article{ order: -1; } footer #fo-contents{ flex-flow: column; } footer #fo-contents .fo-logo{ max-width: 100%; } footer #fo-contents .flex-ed{ flex-flow: column;padding: 90px 10px;text-align: center;gap: 30px; } footer .fo-title{ text-align: center; } footer .hours{ text-align: center!important; } footer #copy{ padding: 20px 10px; } footer #copy .flex-ed{ justify-content: center;flex-flow: column; } footer #copy .social{ margin-top: 20px; }}@media (max-width:768px){ .hd-info{ display: none; } .why ul{ flex-wrap: wrap; } .why ul li{ flex: 1 1 100%; } #map{ display: none; } #tech .flex-tech{ flex-flow: column;justify-content: center;align-items: center; } #specials .flex-cpns{ gap: 15px; }}@media (max-width:590px){ header .hours label{ width: 100px; } #specials .flex-cpns .cpn{ flex-flow: column; } #specials .flex-cpns .cpn .flex-ed{ order: 2; } #specials .flex-cpns .cpn figure img{ border-radius: 10px; } #specials .flex-cpns .cpn .free{ font-size: 35px; } #assoc{ flex-flow: wrap;gap: 40px; } #banner .ba-links{ flex-flow: wrap;gap: 10px 30px; } #banner figure{ min-height: 450px;position: relative; } #banner figure img, #banner figure video{ position: absolute;left: 50%;top: 0;transform: translateX(-50%);height: 100%;width: auto;max-width: none; } #banner figure:after{ background-size: auto; } #interior-banner .contain{ padding: 50px 0; } #interior-banner:after{ background-size: auto; } body.page_services #page:after{ background-size: auto; }}@media (max-width:400px){ .more-to-explore [class^=btn]{ min-width: 100%;width: 100%;margin: 8px auto; } [data-embed] .close{ font-size: 12px;min-width: 120px;padding: 4px; } #copy .icon-tnt{ font-size: 50px;margin-bottom: 8px; }}