* { box-sizing: border-box; }

body { margin: 0; padding: 0; background-image: url("../img/linedpaper.png"); font-family: 'Lato', helvetica, arial, sans-serif; color: #333; }

header { position: relative; z-index: 1000; }

header .logo { position: absolute; z-index: 900; width: 100%; bottom: 15%; left: 0px; padding: 30px 50px; color: #fff; text-align: center; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.4); }

header .logo h1 { display: inline-block; font-family: 'Playfair Display', serif; font-size: 64px; font-weight: normal; margin: 0; }

header .logo p { margin: 7px 0 20px 0; font-size: 16px; letter-spacing: 0.5px; }

header .slideshow-container { position: relative; z-index: 800; width: 100vw; height: 100vh; max-width: 100%; overflow: hidden; }

header .slideshow-container .item { width: 100%; height: 100%; background-size: cover; background-position: center; }

header .slideshow-container .cycle-pager { position: absolute; z-index: 850; bottom: 10px; left: 0px; width: 100%; text-align: center; color: #fff; }

header .slideshow-container .cycle-pager span { display: inline-block; margin: 0 2px; font-size: 24px; cursor: pointer; }

header .slideshow-container .cycle-pager span.cycle-pager-active { color: #79daff; }

nav#sticky-nav { width: 100%; height: 80px; padding: 0 30px; font-size: 14px; line-height: 80px; background-color: rgba(0, 0, 0, 0.9); color: #fff; }

nav#sticky-nav .main-nav { float: left; }

nav#sticky-nav .brand { float: left; margin-right: 30px; font-size: 20px; text-decoration: none; color: #fff; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }

nav#sticky-nav ul { float: left; margin: 0; padding: 0; }

nav#sticky-nav ul li { list-style: none; float: left; padding: 0 10px; }

nav#sticky-nav ul li a { position: relative; display: block; padding: 0 10px; color: #999; font-size: 12px; text-decoration: none; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); text-transform: uppercase; transition: all ease-out .3s; }

nav#sticky-nav ul li a:after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #79daff; opacity: 0; transition: all ease .3s; }

nav#sticky-nav ul li a:hover, nav#sticky-nav ul li a.active { color: #fff; }

nav#sticky-nav ul li a:hover:after, nav#sticky-nav ul li a.active:after { bottom: 25px; opacity: 1; }

nav#sticky-nav .socmed { float: right; }

nav#sticky-nav .socmed .pill-fb { display: inline-block; padding: 10px 15px; border-radius: 20px; background-color: #3b5998; color: #fff; text-decoration: none; font-size: 12px; line-height: 1; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }

nav#sticky-nav .socmed .pill-fb i.fa { margin-right: 5px; }

nav.active { background-color: rgba(0, 0, 0, 0.8); }

section { padding: 30px; }

section h2 { margin: 0; padding-top: 60px; font-size: 36px; font-family: 'Playfair Display', serif; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); }

.underline { display: inline-block; padding-bottom: 0px; border-bottom: solid 1px #79daff; }

.pill { display: inline-block; margin: 0 10px 10px 0; padding: 10px 20px; border-radius: 25px; background-color: #79daff; font-size: 16px; }

.pill i.fa { margin-right: 5px; }

.content { width: 100%; }

.content .col-50 { float: left; width: 50%; }

.content .text-right { text-align: right; }

.v-table { display: table; width: 100%; height: 100%; }

.v-table .v-cell { display: table-cell; text-align: center; vertical-align: middle; }

section.about h3 { margin-bottom: 10px; }

section.about p.promo { margin: 0; }

section.testimonial { width: 100%; height: 360px; margin-top: 30px; padding: 0; background-image: url("../img/slide-2.jpg"); background-size: cover; background-position: center; }

section.testimonial .tagline { height: 100%; text-align: center; font-family: 'Playfair Display', serif; font-weight: normal; font-size: 36px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4); }

section.testimonial .underline { padding-bottom: 2px; }

section.gallery h2 { margin-bottom: 10px; }

section.gallery .thumbnail-list a { display: block; float: left; outline: none; width: 160px; height: 160px; box-sizing: content-box; border: solid 10px #fff; margin: 15px; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); overflow: hidden; transition: all ease .4s; }

section.gallery .thumbnail-list a img { display: block; width: 300px; }

section.pricing h2 { margin-bottom: 10px; }

section.pricing .card-price { float: left; width: 320px; min-height: 240px; margin: 15px; padding: 30px; background-color: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); text-align: center; }

section.pricing .card-price h3 { margin: 0; padding-bottom: 30px; border-bottom: solid 1px #eaeaea; font-weight: normal; }

section.pricing .card-price p.price { font-size: 24px; }

section.pricing .card-price p.price small { font-size: 12px; font-weight: lighter; }

section.pricing .card-price p { font-size: 12px; }

section.contact .content .col-50 { padding-top: 20px; }

section.contact .content .col-50:last-child { padding: 0 0 0 30px; }

section.contact .content .gmap-container { border: solid 10px #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }

footer { color: #333; font-size: 12px; padding: 0 30px; margin: 30px 0; }

footer .content .col-50:last-child a { color: #333; text-decoration: none; border-bottom: solid 1px #79daff; }