img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}address,em{font-style:normal}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.elem-right,.elem-left,.block{display:block}.elem-right{float:right;margin:0 0 15px 15px}.elem-left{float:left;margin:0 15px 15px 0}@media (max-width:600px){main .elem-right,main .elem-left{max-width:290px;width:100%;float:none;clear:both;margin:0 auto}}.shadow{box-shadow:0 0 3px #000}.center{text-align:center;clear:both}.left{text-align:left;clear:both}.right{text-align:right;clear:both}.clear{clear:both;line-height:0px;height:0px;width:0px}h1:first-child{margin-top:0}figure img{display:block}a{text-decoration:none}li{list-style-type:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}/* Client quick access links-Adder-[cms:buildnav start=NULL levels=*][level]<ul>[item]<li><a href="$pageURL$" title="$hrefTitle$">$pageName$</a></li>[/item]</ul>[/level][/cms:buildnav]*/.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; width: 100%; height: 100%; left: 0; }body { position: relative; font-weight: 400; font-family: Cormorant; font-size: 19px; line-height: 1.68; color: #231f20; background-image: url(assets/images/pattern-body.jpg); }img { display: block; margin: 0 auto; max-width: 100%; }.wrapper, main { padding: 0 10px; max-width: 1200px; margin: 60px auto; }.wrapper { max-width: 980px; margin: 1em auto; }body.page_index main { max-width: 100%; margin: 0; padding: 0; }a:hover { transition: color .3s, background-color .3s, box-shadow .3s; }h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1.2; text-align: center; }body.page_index h2, .h1-like, h1, .h1-like small { color: #231f20; font-family: Prata; font-size: 40px; line-height: 1.25; font-weight: 400; margin: 0 auto; font-style: normal; }.h1-like small { display: block; }body.page_index h2, .h1-like { font-size: 72px; line-height: 1.14; }body.page_index h3, h2, .h2-like, .accent-line { color: #fff; color: white; font-family: Cormorant; font-size: 28px; font-weight: 500; font-style: italic; display: block; line-height: 1; position: relative; text-align: center; z-index: 2; }body.page_index h3 span, h2 span, .h2-like span, .accent-line span { background-color: #231f20; margin: 20px auto; padding: 4px 10px; min-width: 450px; display: table; z-index: 1; position: relative; }body.page_index h3:after, h2:after, .h2-like:after, .accent-line:after { content: ''; bottom: 50%; position: absolute; height: 1px; background-color: #231f20; z-index: 0; right: 50%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); max-width: 1300px; width: 100%; }body.page_index h2:after { content: none; }.storytitle:after {display:none!important;}h3, .h3-like, .contact-us h2 { color: #231f20; font-family: Prata; font-size: 24px; font-weight: 400; }.h1-like, .h2-like, .h3-like { display: block; }#inner-banner { background-image: url(assets/images/pattern-wood.jpg); height: 300px; display: flex; align-items: center; justify-content: center; flex-direction: column; }#inner-banner h1, #inner-banner .h2-lg { color: #fff; font-family: Prata; font-size: 72px; line-height: 1.14; }#inner-banner h2 { color: white; font-family: Prata; font-size: 18px; font-weight: 400; line-height: 1.44; text-transform: uppercase; }#inner-banner h2:after, .contact-us h2:after { content: none; }hr { height: 1px; background-color: #231f20; border: none; margin: 40px auto; max-width: 1300px; width: 100%; }a { color: #7fad7f; }a:hover { color: #231f20; }.double-hr { margin: 30px auto 30px 0; height: 10px; max-width: 400px; width: 100%; position: relative; }.double-hr:before, .double-hr:after { content: ''; position: absolute; left: 0; height: 2px; background-color: black; width: 100%; z-index: 2; }.double-hr:before { top: 0; }.double-hr:after { bottom: 0; }.flex-ed, .col-flex-ed { display: flex; }.flex-ed { flex-flow: row wrap; }.col-flex-ed { flex-flow: column; }.stretch-ed { flex: 1; }.fill-ed { flex: 0 0 100%; }.gmap { cursor: pointer; position: relative; }.gmap iframe { pointer-events: none; }.gmap.active iframe { pointer-events: all; }@media screen and (max-width:860px) { .gmap iframe { height: 240px; }}.next, .prev { cursor: pointer; z-index: 300; }.contact-us iframe { width: 100%; }.hours label { display: inline-block; width: 170px; text-align: left; font-weight: 600; white-space: nowrap;}.contact-us h2, .contact-us h3 { text-align: left; }.contact-us > div { display: inline-block; vertical-align: top; max-width: 45%; width: 100%; }.contact-us { display: block; max-width: 100%; width: auto; }@media screen and (max-width:600px) { .contact-us > div { display: block; max-width: 100%; }}main ul { overflow: hidden; -webkit-column-count: 1; column-count: 1; -moz-column-count: 1; padding-left: 35px; }main ul > li { display: block; position: relative; margin-bottom: 6px; text-align: left; padding-left: 28px; line-height: 1.4; }main ul > li:before { content: '\e82f'; font-family: Fontello; color: #6499a6; position: absolute; top: 0px; left: 0; }.divider-body { padding: 60px 0; }.divider-body h2:first-of-type { margin-top: 0px; }.btn { display: inline-block; position: relative; margin: 5px; padding: 8px; text-transform: uppercase; font-size: 16px; font-family: EB Garamond; font-weight: 700; min-width: 260px; transition: background-color .3s; text-align: center; background-color: #99b290; border: none; color: #414b3d; }.btn:after { content: '\e81a'; font-family: Fontello; color: #fff; display: inline-block; margin-left: 10px; }.btn:hover { background: #777777; color: #fff; }.btn-alt { display: inline-block; position: relative; margin: 5px; padding: 8px; text-transform: uppercase; font-size: 16px; font-family: EB Garamond; font-weight: 700; min-width: 260px; transition: background-color .3s; text-align: center; background-color: #777777; border: none; color: #fff; }.btn-alt:after { content: '\f178'; font-family: Fontello; color: #fff; display: inline-block; margin-left: 10px; }.btn-alt:hover { background: #99b290; color: #414b3d; }.header-btn { display: inline-block; position: relative; margin: 5px; padding: 8px; color: #101010; font-family: Cormorant; font-size: 12px; font-weight: 700; text-transform: uppercase; min-width: 200px; transition: background-color .3s; text-align: center; background-color: #99b290; border: none; font-family: Cormorant; display: flex; justify-content: space-around; align-items: center; }.header-btn i { color: #414b3d; font-size: 24px; }.header-btn span { display: inline-block; vertical-align: middle; }.header-btn strong { font-size: 20px; display: block; font-weight: 400; font-family: Prata; }.header-btn:hover { background: #777777; color: #fff; }.header-btn:hover i { color: #fff; }.styled-form { margin-top: 15px; font-size: 16px; }.styled-form .drei { display: flex; justify-content: space-between; flex-flow: row wrap; }.styled-form .drei + .drei { margin-top: 5px; }.styled-form .input-content, .styled-form .inline { width: calc(100% / 3 - 5px); min-height: 52px; }.styled-form .inline, .input-content { background-color: #7fad7f; }.input__label-content strong, .input__label-content strong a { color: #7fad7f; }.input-content, .styled-form .inline label, .styled-form .inline, .input--filled .input__label .input__label-content strong, .input--filled .input__label .input__label-content a { color: #fff !important; }.styled-form .drei:first-of-type { line-height: 1 !important; }.styled-form .inline { box-sizing: border-box; padding: 8px 16px; }.styled-form .inline span input { margin-right: 4px; }.styled-form .inline span { display: block; line-height: 1.4; }.styled-form .hear { margin: 5px 0; }.styled-form .hear label { display: inline-block; margin-right: 8px; }.input-content { position: relative; z-index: 1; overflow: hidden; }.input__field { -webkit-appearance: none; position: absolute; z-index: 2; display: block; float: right; border: none; border-radius: 0; padding: 0 14px; margin-top: 1.2em; height: 29px; width: 100%; background: transparent; color: #fff; }.input__field:focus { outline: none; }.input__label { display: inline-block; float: right; padding: 0; width: 100%; background: transparent; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.input__label::before { content: ''; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px solid transparent; transition: border-width 0.3s, border-color 0.3s; }.input__label-content { box-sizing: border-box; position: relative; display: block; width: 100%; padding: 1.1em 1em; text-rendering: geometricPrecision; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; transition: color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s; }.input__label-content strong { float: right; font-weight: 300; }.input__field:focus + .input__label::before, .input--filled .input__label::before { border-width: 5px; border-color: #231f20; border-top-width: 1.2em; }.input__field:focus + .input__label .input__label-content, .input--filled .input__label .input__label-content { color: #fff; font-size: 14px; padding: .85em 1em; -webkit-transform: translate3d(0, -0.65em, 0); transform: translate3d(0, -0.65em, 0); }input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent !important; }@media (max-width:600px) { .styled-form .input-content, .styled-form .inline { width: 100%; display: block; } .styled-form .input-content + .input-content { margin-top: 5px; }}.simple { line-height: 1; font-size: 13px; }.simple input, .simple textarea { border: 0; padding: 0 12px; height: 42px; border-radius: 10px; width: 100%; max-width: 100%; margin-bottom: 10px; color: #fff; line-height: 1; box-sizing: border-box !important; background-color: rgba(0, 0, 0, 0.13); border-radius: 5px; }.simple textarea { height: 140px !important; padding: 12px; }.simple input:focus, .simple textarea:focus { outline: 0; color: #2f2f2f; background-color: #fff; }.form-input::-webkit-input-placeholder { color: #fff; }.form-input:-moz-placeholder { color: #fff; }.form-input::-moz-placeholder { color: #fff; }.form-input:-ms-input-placeholder { color: #fff; }.styled-form .btn { box-shadow: none; border: none; padding: 10px 50px; }#tour { max-width: 750px; margin: 0 auto; width: 100%; text-align: center; }#cycle-1 figure:first-child { z-index: 200 !important; display: block; margin: 0 auto; }#cycle-1 figure { margin: 0 auto; width: 100%; }#carousel { position: relative; }#cycle-2 { margin: 10px auto; }#cycle-2 .cycle-slide { width: 100px; margin: 0; }#cycle-2 .cycle-carousel-wrap { width: 100%; height: 100%; }#cycle-2 .cycle-carousel-wrap .cycle-slide { cursor: pointer !important; margin: 0; }#cycle-2 span { margin: 0; display: block; overflow: hidden; position: relative; }#cycle-2 .cycle-slide img { min-width: 100%; max-width: none; max-height: 100px; }#cycle-2 .cycle-slide span:before { content: ''; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); transition: background-color .3s; }#cycle-2 .cycle-slide-active span:before, #cycle-2 .cycle-slide:hover span:before { background-color: transparent; }#carousel .arrow { position: absolute; margin: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 2rem; height: 100%; display: flex; align-items: center; justify-content: center; color: #7fad7f; z-index: 20; }#carousel .arrow:hover { background-color: #7fad7f; color: #fff; }#carousel .arrow i:before { margin: 0; }@media (min-width:760px) { #carousel { padding: 0 30px; } #carousel #prev { left: 0; } #carousel #next { right: 0; }}@media (max-width:760px) { #cycle-2 { display: none; } #carousel .arrow { font-size: 2rem; width: 50px; height: 50px; transform: none; position: static; margin: 10px; display: inline-block; }}#faqs > div { display: none; padding: 0px 25px; }#faqs > h3:before { content: "\e844"; width: 20px; height: 20px; line-height: 18px; border-radius: 2px; padding-left: 3px; font-family: "Fontello"; font-style: normal; font-size: 16px; position: absolute; text-align: center; top: 5px; left: -40px; color: #fff; background-color: #7fad7f; cursor: pointer; transition: all .3s; }#faqs > h3.active:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); background-color: #231f20; }#faqs div { position: relative; }#faqs h3.active:after { content: ''; }#faqs h3 { font-size: 24px; text-align: left; text-transform: none; margin: 10px 40px; position: relative; cursor: pointer; transition: color .3s; }#faqs h3:hover { color: #7fad7f; }#faqs p { margin-left: 40px; position: relative; }.more-to-explore { margin: 40px auto 0; text-align: left; clear: both; padding: 50px 0 80px; background-image: url(assets/images/bg-chalkboard.jpg); }.more-to-explore p { margin: 15px auto 0; text-align: center; max-width: 1150px; }.more-to-explore .btn, .more-to-explore .btn-alt { margin-bottom: 40px; min-width: 340px; }.more-to-explore > span { display: block; color: white; font-family: Prata; font-size: 18px; font-weight: 400; text-transform: uppercase; margin: 0; text-align: center; position: relative; }.contain { max-width: 1200px; margin: 0 auto; }.split > div { display: flex; justify-content: space-around; align-items: center; }.split .modal { display: block; }.split figure, .split article { margin: 0; }.split figure { flex: 0 1 auto; }.split.tr figure { order: -1; }.split article { flex: 0 1 620px; padding: 10px; }.split h2 { text-align: left; }@media screen and (max-width:960px) { .split > div { display: block; }}main h1 { position: relative; }.social-btn { display: inline-block; margin: 5px; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; background-color: white; text-align: center; }.social-btn i { vertical-align: middle; display: inline-block; font-size: 16px; transition: color .3s; }.social-btn:hover i { color: #fff !important; }.social-btn.fb { color: #4d70a8; }.social-btn.fb:hover { background-color: #4d70a8; }.social-btn.gp { color: #dc4e41; }.social-btn.gp:hover { background-color: #dc4e41; }.social-btn.yelp { color: #b62717; }.social-btn.yelp:hover { background-color: #b62717; }.social-btn.yt { color: #cb3737; }.social-btn.yt:hover { background-color: #cb3737; }.services-grid { margin: 0px auto 50px; text-align: center; display: flex; flex-wrap: wrap; justify-content: space-around; }.services-grid a { color: #424242; }.services-grid a:hover { color: #231f20; }.services-grid div { vertical-align: top; margin: 10px 5px; flex: 0 1 285px; width: 100%; background-color: #ffffff; }.services-grid .small { background-color: transparent; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 408px; }.services-grid > span { max-width: 100%; width: 100%; }.services-grid div > a { color: white; font-size: 24px; position: relative; width: 100%; text-transform: uppercase; display: block; }.services-grid div > a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #3c3c3c; opacity: 0; transition: opacity .3s; }.services-grid div > a img { width: 100%; }.services-grid div > a span { display: block; line-height: 1.2; position: absolute; bottom: 50%; left: 20px; text-align: left; z-index: 5; -webkit-transform: translateY(50%); transform: translateY(50%); }.services-grid div > a:hover { color: #7fad7f; }.services-grid div > a:hover:after { opacity: .7; }.services-grid ul { text-align: left; -webkit-column-count: 1; column-count: 1; padding: 10px; padding-top: 30px; margin: 0 auto; width: 85%; }.services-grid ul li { margin-bottom: 10px; padding: 0; }.services-grid ul li a { font-size: 18px; color: #7fad7f; font-weight: 700; }.services-grid ul li:hover a { color: #7fad7f; }.services-grid ul li:before { content: none; }@media screen and (max-width:860px) { .services-grid div { flex-basis: 45%; }}@media screen and (max-width:600px) { .services-grid { display: block; } .services-grid div{max-width: 300px; margin: 10px auto; } .services-grid .small{display: block;} .services-grid .small >a:first-child{margin-bottom: 10px;}}@media (min-width:1000px) { a[name]:before { height: 128px; margin-top: -128px; display: block; content: ""; visibility: hidden; }}@media (max-width:860px) { a[name]:before { height: 95px; margin-top: -95px; display: block; content: ""; visibility: hidden; }}header { position: absolute; left: 0; top: 0; z-index: 500; width: 100%; text-align: center; line-height: 1; background-color: #ffffff; }#top-bar { padding: 4px 10px; background-color: #e4e4e4; }#top-bar a { font-size: 15px; color: black; font-family: Cormorant; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }#top-bar a:hover { color: #7fad7f; }#top-bar span { margin: 0 10px; display: inline-block; }header .logo { margin-top: 5px; }header .logo img { display: inline-block; margin-bottom: -105px; }header .logo span { display: inline-block; color: #262626; font-family: Playfair Display; font-size: 31px; font-weight: 400; vertical-align: middle; }header .logo span small { display: block; color: #6b6b6a; font-family: Lato; font-size: 20px; font-weight: 500; font-style: italic; }header .double-hr { margin: 10px auto; max-width: 100%; height: 7px; }header .header-info { display: flex; align-items: center; }header .header-contact { display: flex; align-items: center; justify-content: space-around; padding: 10px; margin-left: auto; max-width: 660px; width: 100%; }header address { line-height: 1; }header address a { color: #231f20; font-size: 16px; display: block; cursor: pointer; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }header em { display: block; width: 1px; height: 35px; opacity: 0.38; background-color: #303131; margin: 0 10px; }header .tel { color: #383838; font-size: 32px; font-weight: 600; font-family: Cormorant; text-transform: uppercase; }header .tel i { color: #767678; font-size: 24px; }header address a:hover, header .tel:hover { color: #7fad7f; }header .btn { display: flex; align-items: center; justify-content: space-around; }header .header-right { flex: 0 1 1100px; }#main-header { padding: 10px 0; transition: min-height 0.3s; display: flex; max-width: 1400px; margin: 0 auto; align-items: center; justify-content: space-around; }@media (min-width:860px) { .scrolled header { position: fixed !important; box-shadow: 1.5px 2.6px 59px rgba(16, 17, 17, 0.35); } .scrolled #top-bar { display: none; }}@media (min-width:860px) { header nav > ul { max-width: 900px; margin: 0 0 0 auto; display: flex; flex-flow: row nowrap; justify-content: space-between; } nav ul { margin: 0; padding: 0; list-style: none; } nav li { position: relative; margin: 0; } nav li a:hover { color: #fff; } nav > ul { font-size: 0; text-align: center; vertical-align: top; display: inline-block; } nav > ul > li { display: inline-block; } nav ul li:hover > ul { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } nav > ul > li > a { display: block; padding: 6px 15px; transition: background .3s, color .3s; color: #6c6c6c; font-family: Cormorant; font-size: 17px; font-weight: 700; text-transform: uppercase; } nav > ul > li:hover > a { color: #245693; } nav > ul > li ul { position: absolute; z-index: 9999; display: none; width: 255px; background-color: #7fad7f; } nav > ul > li ul a:hover { background-color: #fff; color: #7fad7f; } nav > ul > li > ul { text-align: left; display: none; top: 100%; left: 0; } nav > ul li:hover > ul { display: block; } nav > ul > li ul li { display: block; margin: 0; } nav > ul > li > ul > li > ul { display: none; left: 100%; top: 0; } nav > ul > li > ul a { display: block; padding: 5px 5px; line-height: 30px; font-size: 16px; color: #ffffff; } nav li:before { content: none; } .mean-show{display: none !important;}}@media (max-width:1275px) { header .logo span { font-size: 25px; } header .tel { font-size: 23px; }}@media (max-width:1080px) { header .logo img { margin: 0; max-width: 100px; vertical-align: middle; } header .tel { font-size: 20px; } header .double-hr { display: none; } nav > ul > li > a { padding: 6px; } .top-bar span{ margin: 0 4px; } #top-bar a{letter-spacing: 0; font-size: 12px;}}@media (max-width:860px) { header { position: fixed; top: 0; left: 0; z-index: 500; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } body, header, .mean-container .mean-nav { transition: all .3s; } body { right: 0; position: relative; } body.mean-active header { left: -80%; } body.mean-active { overflow: hidden; right: 80%; } body.mean-active:before { z-index: 450; content: ''; opacity: 0.7; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } body.mean-active .mean-container .mean-nav { right: 0; } .mean-container .mean-bar, .mean-container .mean-nav { background-color: #7fad7f; } a.meanmenu-reveal { display: none; } .mean-container { display: flex !important; flex-flow: row wrap !important; align-items: center !important; justify-content: space-between !important; } .mean-container .mean-bar { margin: 8px; order: 1; } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 10px 9px 8px 9px; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; }.mean-container .mean-nav { font-size: 16px;position: fixed; right: -80%; margin: 0; top: 0;bottom: 0;width: 80%; overflow: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column;} .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-top: 1px solid #383838; border-top: 1px solid rgba(255, 255, 255, 0.5); line-height: 1; text-decoration: none; } .mean-container .mean-nav ul li li a { width: 80%; padding: 1em 10%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255, 255, 255, 0.25); opacity: .75; filter: alpha(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 { width: 70%; padding: 1em 15%; } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255, 255, 255, 0.1); } .mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 24px; height: 24px; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255, 255, 255, 0.1); border: none !important; border-left: 1px solid rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } .mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0, 0, 0, 0.9); } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; width: 0; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } .mean-container .mean-bar, .mean-container .mean-bar * { box-sizing: content-box; } .mean-remove { display: none !important; } header, body.scrolled header { position: fixed; } nav > ul > em { display: none; } #main-header .header-contact { flex: 1 0 auto; padding: 0; display: block; } header address { text-align: center; } .mean-container { flex-flow: row nowrap !important; } #main-header{padding: 0;} #main-header > div > a { flex: 0 1 auto; } header .header-info { display: block; } #top-bar { display: none; } nav > ul { display: none; text-align: center; margin: 0; } nav.opened > ul > li { margin: 0; text-align: center; } nav.opened > ul > li ul { padding-left: 0; text-align: center; } nav { width: 100%; } nav li { margin: 0; } header .book { line-height: 1; } header .book br { display: initial; } header .logo { padding-left: 10px; } header .logo img { max-width: 80px; } .header-footer{color: #fff; padding: 20px 5px 10px; margin-top: auto; line-height: 1.76;} }@media (max-width:600px) { header address { display: none; } header .logo span { font-size: 12px; } header .logo span small { font-size: 10px; }}#fixed-tabs { position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0; z-index: 510; }#fixed-tabs a { font-size: 15px; background-color: #231f20; color: #fff; position: relative; overflow: hidden; transition: width .3s; }#fixed-tabs i { font-size: 16px; }#fixed-tabs i, #fixed-tabs i:before { display: block; margin: 0 auto !important; }#fixed-tabs em { font-size: 10px; font-style: normal; margin-top: 8px; display: none; font-weight: 600; text-transform: uppercase; }#fixed-tabs strong { font-weight: 300; }#fixed-tabs .ra { background-color: #7fad7f !important; }#fixed-tabs .fb { background-color: #3b5998; }#fixed-tabs .so { background-color: #84bd00; }#fixed-tabs .gp { background-color: #dd4b39; }#fixed-tabs .map { background-color: #7fad7f; }#fixed-tabs .call, #fixed-tabs .map { display: none; }#fixed-tabs .map { background-color: #7fad7f; }@media (min-width:1001px) { #fixed-tabs { position: absolute; top: 214px; display: none; } #fixed-tabs a { display: block; text-align: left; margin-left: auto; } #fixed-tabs a + a { margin-top: 8px; } #fixed-tabs a span { display: block; } #fixed-tabs a span:first-child { text-align: center; padding: 7px 0; } #fixed-tabs a, #fixed-tabs a span:first-child, .scrolled #fixed-tabs a, .scrolled #fixed-tabs a span:first-child { width: 30px; } #fixed-tabs a span:last-child { position: absolute; left: 80px; top: 50%; width: 220px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); transition: width .3s; } .scrolled #fixed-tabs a:hover, #fixed-tabs a:hover { width: 200px; } #fixed-tabs a, #fixed-tabs a span:first-child { width: 56px; } #fixed-tabs a:hover { width: 250px; } #fixed-tabs i { font-size: 20px; } #fixed-tabs em { display: block; } .scrolled #fixed-tabs a, .scrolled #fixed-tabs a span:first-child { width: 30px; } .scrolled #fixed-tabs em { display: none; } .scrolled #fixed-tabs i { font-size: 16px; } #fixed-tabs .fb:hover { background-color: #3b5998 !important; } #fixed-tabs .so:hover { background-color: #84bd00 !important; } #fixed-tabs .gp:hover { background-color: #dd4b39 !important; }}@media (min-width:1280px) { #fixed-tabs { position: fixed; top: 245px; }}@media (max-width:1000px) { #fixed-tabs { bottom: 0; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); display: flex; } #fixed-tabs a { padding: 12px 0; flex: 1; } #fixed-tabs a span { display: inline-block; vertical-align: middle; } #fixed-tabs a span:last-child { margin-left: 7px; } #fixed-tabs a strong { display: none; } #fixed-tabs a.fm { display: none; } footer, .mean-container .mean-nav{ padding-bottom: 41px !important; }}@media (max-width:740px) { #fixed-tabs .call, #fixed-tabs .map { display: block; } #fixed-tabs a.fb, #fixed-tabs a.so, #fixed-tabs a.gp { display: none; }}body.page_index #inner-banner { display: none; }#banner { position: relative; margin-bottom: 60px; }#banner:before { content: ''; background-color: #fff; height: 50%; z-index: -1; width: 100%; position: absolute; top: 0; left: 0; }#banner:after { content: ''; background-image: url(assets/images/pattern-wood.jpg); height: 475px; width: 100%; z-index: -1; position: absolute; left: 0; bottom: 55%; -webkit-transform: translateY(50%); transform: translateY(50%); }#banner figure { margin: 0 auto; height: 715px; max-width: 1300px; background-image: url(assets/images/banner-house.png); background-repeat: no-repeat; }#banner figure img { display: none; }#banner figure div { display: flex; justify-content: space-between; height: 590px; padding: 20px; padding-top: 60px; margin: auto; padding-left: 70px; padding-bottom: 0; }#banner h1 { color: white; font-family: Prata; font-size: 18px; font-weight: 400; text-transform: uppercase; margin-left: 110px; }#banner article { color: white; font-family: Prata; font-size: 72px; font-weight: 400; line-height: 1; align-self: flex-end; }#banner article:first-of-type { order: -1; }#banner article:nth-of-type(2) { text-align: right; }#meet { margin-bottom: 100px; }#meet article { flex: 0 1 730px; }#meet .h3-like { color: #231f20; font-family: Prata; font-size: 24px; font-weight: 400; }#meet figcaption { color: #231f20; font-family: Prata; font-size: 24px; font-weight: 400; text-align: center; }#meet-wendy h2 { font-size: 60px; }#meet-wendy h2 small { display: block; font-size: 40px; }#meet-wendy figure { position: relative; }#meet-wendy figcaption { color: #231f20; font-family: Prata; font-size: 24px; font-weight: 400; text-align: left; line-height: 1.4; position: absolute; bottom: 0; left: 100px; }#meet-wendy figcaption small { display: block; font-size: 18px; }.close { position: absolute; top: 0; right: 0; width: 35px; height: 30px; background: #000; color: #fff; cursor: pointer; border: 0; }.mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9989; visibility: hidden; opacity: 0; transition: 0.7s; display: block !important; }body.modal-active { overflow: hidden; }.modal { position: fixed; bottom: 50%; right: 50%; width: 100%; z-index: 9999; visibility: hidden; opacity: 0; transition: 0.5s ease-out; transform: translate(50%, 50%); max-width: 800px; }.active { visibility: visible; opacity: 1; }.active + .modal { visibility: visible; opacity: 1; }#callouts { font-family: Prata; background-image: url(assets/images/pattern-wood.jpg); }#callouts .question, #callouts .answer { padding: 25px; display: flex; align-items: center; justify-content: center; flex-direction: column; }#callouts .question strong, #callouts .answer strong { display: block; margin-bottom: 20px; color: white; font-size: 72px; font-weight: 400; line-height: 1; }#callouts .question span, #callouts .answer span { display: block; line-height: 1; }#callouts .question { background-color: #777777; }#callouts .question span { color: #231f20; font-size: 32px; }#callouts .answer { background-color: #6499a6; }#callouts .answer span { color: #231f20; font-size: 48px; }#callouts .hide { display: none; }#callouts a { display: block; transform: scale(1); background-color: rgba(16, 16, 16, 0.7); color: #fff; font-size: 32px; transition: all .3s; line-height: 1.2; padding: 25px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-around; }#callouts a img { margin-left: 0; }#callouts a:hover { background-color: #101010; transform: scale(1.1) !important; z-index: 50; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); }#callouts article { flex-wrap: wrap; max-width: 1300px; margin: 0 auto -60px; display: flex; align-items: stretch; position: relative; z-index: 5; justify-content: center; }#callouts article > * { flex: 0 1 325px; max-width: 325px; }@media (min-width:1300px) { #callouts .hide { display: block; } #callouts .question { flex: 0 1 650px; max-width: 650px;}}#reviews { z-index: 10; padding: 150px 0 100px; text-align: center; background-image: url(assets/images/bg-chalkboard.jpg); }#reviews h2 { color: #fff; }#reviews article > div { display: flex; flex-direction: column; justify-content: space-around; position: relative; align-items: center; }#reviews article p { width: 100%; margin: 10px auto; text-align: center; font-size: 22px; line-height: 1.4; }#reviews author { margin-top: 10px; margin-bottom: 0; justify-content: space-around; align-items: center; font-size: 18px; width: 100%; color: white; font-family: Prata; font-size: 24px; }#reviews author img { display: inline-block; vertical-align: middle; }#reviews author .social-icon { font-size: 22px; }#reviews author .icon-gplus { color: #dc4e41; }#reviews author .icon-facebook { color: #4d70a8; }#reviews author .icon-yelp { color: #b62717; }#reviews author star { margin: 0 auto; display: block; letter-spacing: 10px; }#reviews author star:before { content: '\e80f \e80f \e80f \e80f \e80f'; font-family: Fontello; color: #ccc860; }#reviews author span { margin: 0 5px; display: inline-block; vertical-align: middle; }#reviews author span i { color: #6499a6; margin-left: 20px; }#reviews author span i:before { margin: 0; }#reviews .controls { font-size: 50px; display: block; line-height: 1; max-width: 940px; margin: 0 auto; position: relative; }#reviews .cycle-sentinel { display: none !important; }#reviews .cycle-slideshow { width: 100% !important; }#reviews .cycle-carousel-wrap { position: relative !important; width: 100%; max-width: 100%; }#reviews .cycle-carousel-wrap .cycle-slide { right: 0; white-space: normal; right: 0 !important; width: 100%; position: relative !important; padding: 10px 20px 20px; display: inline-block; vertical-align: middle; opacity: 0.4; color: #fff; }#reviews .cycle-carousel-wrap .cycle-slide p { position: relative; }#reviews .cycle-carousel-wrap .cycle-slide-active { opacity: 1 !important; }#reviews .prev, #reviews .next { position: static; display: inline-block; vertical-align: middle; cursor: pointer; text-align: center; min-width: auto; margin: 0; color: #fff; }#reviews .pager { text-align: center; margin: 0px auto; }#reviews .pager span { width: 40px; height: 4px; display: inline-block !important; margin: 0 10px; background-color: #ffffff; transition: opacity 0.3s; vertical-align: middle; opacity: .3; }#reviews .pager span.cycle-pager-active { opacity: 1; }@media (min-width:800px) { #reviews .cycle-carousel-wrap { max-width: 780px !important; margin-left: calc(50% - 430px) !important; } #reviews .cycle-carousel-wrap .cycle-slide { margin: 40px 50px 10px; } #reviews .prev, #reviews .next { display: block !important; position: absolute; top: 170px; } #reviews .prev { left: 0; } #reviews .next { right: 0; }}#services { padding: 60px 10px; }#services p { max-width: 960px; margin: 30px auto; }#services article { max-width: 800px; margin: 70px auto 20px; display: flex; align-items: flex-end; justify-content: center; flex-wrap: wrap; }#services a { display: flex; flex-direction: column; }#services a span { display: block; text-align: left; background-color: #777777; padding: 20px 15px; color: #fff; font-size: 24px; font-family: Prata; line-height: 1.2; transition: background-color .3s; }#services a:hover span { background-color: #3c3c3c; }@media (min-width:1050px) { #services article { max-width: 1290px; flex-wrap: nowrap; align-items: center; height: 345px; } #services article a:nth-of-type(even) { align-self: flex-start; flex-direction: column-reverse; }}#tech { padding: 150px 10px; }#tech article { max-width: 1400px; margin: 0 auto; }#tech img { margin: -110px auto -40px; position: relative; z-index: -1; }.footer-form, .modal-form { background-color: #e0e0e3; max-width: 600px; width: 100%; padding: 0 10px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; order: -1; position: relative; top: -40px; }.footer-form .title, .modal-form .title { color: #1c1c1c; }.footer-form form, .modal-form form { max-width: 500px; width: 100%; margin: 30px auto; }.footer-form input, .footer-form textarea, .modal-form input, .modal-form textarea { background-color: #f0f0f0; color: #000; box-shadow: 0 2px 0 #b5b5b5; width: 100%; display: block; margin: 0 auto 10px; border: none; padding: 7px; }.footer-input::-webkit-input-placeholder { color: #000; }.footer-input:-moz-placeholder { color: #000; }.footer-input::-moz-placeholder { color: #000; }.footer-input:-ms-input-placeholder { color: #000; }.footer-form textarea, .modal-form textarea { min-height: 120px; }.modal-form { max-width: 800px; padding: 10px; position: static; }.modal-form .h1-like { font-size: 30px; }.modal-form .h1-like small { font-size: 35px; }footer { background-color: #231f20; color: #fff; font-size: 17px; font-weight: 300; }footer .double-hr { max-width: 145px; margin: 20px auto; }footer .title, .header .title { color: #fff; font-family: Prata; font-size: 30px; font-weight: 400; display: block; line-height: 1.2; }footer .footer-top { background-color: #32324c; background-image: url(assets/images/pattern-wood.jpg); }footer .form-map { display: flex; justify-content: center; position: relative; }footer .gmap { max-width: 600px; flex: 0 1 600px; }footer .gmap iframe { width: 100%; display: block; }footer .logo { line-height: 1.2; }footer .logo strong { display: block; margin-top: 20px; text-transform: uppercase; font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 1px; }footer .tel { color: white; font-family: Prata; font-size: 30px; }footer address { line-height: 1.2; display: block; margin-top: 20px; }footer address a { color: white; font-size: 18px; }footer .tel:hover, footer address a:hover { color: #7fad7f; }footer .footer-social { max-width: 180px; }footer .footer-contact { display: flex; align-items: center; justify-content: space-around; max-width: 1200px; margin: 0 auto; padding: 40px 0; }footer .footer-contact em { width: 2px; height: 160px; opacity: 0.4; background-color: white; }footer .footer-services { text-align: center; max-width: 1200px; margin: 0 auto; padding: 60px 0 20px; }footer .footer-services .title { margin-bottom: 25px; }footer .footer-services a { color: #99b290; font-size: 16px; font-weight: 700; }footer .footer-services a:hover { color: #fff; }footer .footer-services ul { padding: 30px 0; margin: 0 auto; border-top: 2px solid rgba(255, 255, 255, 0.2); border-bottom: 2px solid rgba(255, 255, 255, 0.2); -webkit-column-count: 3; column-count: 3; }#copyright { font-size: 14px; text-align: center; padding: 30px 10px 60px; }#copyright a { color: #fff; text-decoration: underline; }@media screen and (max-width:1285px) { #reviews #prev, #reviews #next, #pager.reviews-pager { position: static; } #reviews #prev, #reviews #next { line-height: 1; font-size: 32px; }}@media screen and (max-width:1110px) { #services .contain { display: block; text-align: center; } #services article { margin: 10px auto; } #services h2 { max-width: 100%; }}@media screen and (max-width:1050px) { footer .form-map { display: block; position: static; } footer .form-map iframe, footer .gmap { max-width: 100%; width: 100%; } footer .footer-form { max-width: 100%; position: static; }}@media screen and (max-width:860px) { footer .footer-contact { padding: 10px; display: block; text-align: center;} footer .footer-contact em { display: none; } footer .footer-contact div { margin: 0 5px; } footer .footer-services ul{-webkit-column-count: 1; column-count: 1;}}@media screen and (max-width:600px) { #copyright em { display: none; } #copyright span { display: block; }}@media screen and (max-width:1030px){ #banner { background-image: url(assets/images/pattern-wood.jpg); } #banner h1 { margin: 10px auto; } #banner:after { content: none; } #banner figure div { display: block; text-align: center; height: auto; padding: 10px; } #banner figure { height: auto; background-image: none; } #banner figure img { display: block; } #banner article { text-align: center !important; font-size: 45px; } #banner article br { display: none; } #callouts article .img{display: none;}}@media screen and (max-width:960px) { .split > div { display: block; text-align: center; } .split > div h2 { text-align: center; } .double-hr { margin: 10px auto; } #tech img { margin: 0 auto; } body.page_contact footer .gmap{display: none;}}@media screen and (max-width:750px) { #inner-banner h1,#inner-banner .h2-lg, body.page_index h2, .h1-like, h1, #meet-wendy h2, #banner article { font-size: 30px; line-height: 1.2; } body.page_index main section h3, h2, .h2-like, .h1-like small, #meet-wendy h2 small { font-size: 25px; line-height: 1.2; } #callouts article, #meet { margin: 0 auto; } #services, #tech { padding: 10px; } #reviews { padding: 10px 0; } #meet-wendy figcaption { position: static; text-align: center; } #tech img{display: none;} #tech {padding: 10px;}}@media screen and (max-width:520px) { .divider-body{padding: 20px 0;} footer .gmap { display: none; } .btn, .btn-alt { width: 100%; max-width: 300px; min-width: auto !important; margin: 10px auto; } body.page_index h3 span, h2 span, .h2-like span, .accent-line span { min-width: auto; display: block; } #reviews author span i { display: none; } #callouts article { display: block; } #callouts article .img { display: none; } #callouts a, #callouts .question, #callouts .answer { text-align: center; display: block; margin: 0 auto; } #callouts a img { margin: 10px auto; }}.nowrap{overflow:hidden;}@media screen and (max-width:900px){.nowrap{overflow:visible;}}#inner-banner .h2-lg{font-style:normal;margin:0;}#inner-banner .h1-sm{font-size:20px;margin-top:30px;}#inner-banner h1#interior, #append { text-align:center; margin:0px; line-height:1; }#inner-banner h1#interior { font-size:22px; margin:0px; }#inner-banner h1#interior + #append { font-size:40px; margin:10px 0 0; font-style:normal; }#simpleModal{display:none;position:fixed;z-index:9000;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(0,0,0,.75);animation-name:modalopen;animation-duration:1s; visibility: visible; bottom: auto;right: auto; opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none; max-width: 100%;}#simpleModal .modalContent{background-color:#f4f4f4;margin:8% auto;padding:0 0 30px;width:90%;max-width: 1000px; box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);position:relative}#simpleModal .modalContent h2{background-color:#4d5258; font-weight: 700;margin-bottom:25px;color:#fff;padding:55px 20px 15px;text-transform:uppercase;font-size:36px;text-align:center;line-height:1.2}#simpleModal .contain { max-width: 85%; margin: auto;}#simpleModal .modalContent p{margin: 15px auto; line-height: 1.6; font-weight: 400;}#simpleModal .closeBtn{color:#a5a5a5;position:absolute;right:0;top:0;z-index:10;font-size:30px;position:absolute;background-color:#e74c3c;color:#fff;padding:0 15px 8px; line-height:1; font-weight: 700; font-size: 40px;}#simpleModal .closeBtn:focus,#simpleModal .closeBtn:hover{background-color:#c0392b;cursor:pointer;text-decoration:none}@keyframes modalopen { from{opacity:0} to{opacity:1} }