:root {
    --main-blue: #426288;
    --main-text: #7f8c8d;
    --main-slvr: #BEC0BD;
    --main-whte: #FFFFFF;
    --main-puce: #4e2643;
    --main-ltgy: #DDDDDD;
    --main-prcg: #EBEBEB;
    --main-tstm: #626D71;
    --main-bege: #EBE3CE;
}
body, html {margin:0; padding:0; scroll-behavior:smooth !important; box-sizing:border-box; font-size:14px;}
body {color:var(--main-text); font-family:"Quicksand", serif;}
.background-main-blue {background-color:var(--main-blue);}
.background-main-slvr {background-color:var(--main-slvr);}
.background-main-whte {background-color:var(--main-whte);}
.background-main-puce {background-color:var(--main-puce);}
.background-main-ltgy {background-color:var(--main-ltgy);}
.background-main-prcg {background-color:var(--main-prcg);}
.background-main-tstm {background-color:var(--main-tstm);}
.background-main-bege {background-color:var(--main-bege);}

.color-blue {color:var(--main-blue);}
.color-slvr {color:var(--main-slvr);}
.color-whte {color:var(--main-whte);}
.color-puce {color:var(--main-puce);}
.color-ltgy {color:var(--main-ltgy);}
.color-prcg {color:var(--main-prcg);}
.color-tstm {color:var(--main-tstm);}

a {text-underline-offset:3px;}
h1 {font-size:2em; font-weight:bold; text-align:center; text-transform:uppercase;}
h2.sechdr {font-size:2.1em; text-align:center; text-transform:uppercase;}
div.asctn {padding:3em 1em !important;}
section, footer {padding:5em 2em;}
section p {font-size:1.1em; line-height:1.8em;}
section p a {color:var(--main-blue);}
ul.mainul {font-size:1.1em;}
ul.mainul li {margin-bottom:0.4em;}
img.imgpad {padding:1em 0;}
/****************************************************************************************/

/****************************************************************************************/
/* Header																				*/
div.inrmaxwdth {max-width:1200px; margin:0 auto;}
header#thehdr {background-color:var(--main-whte); padding:1em 2em; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1); position:fixed; z-index:100; width:100%; box-sizing:border-box;}
header#thehdr div.hdrblocks {width:100%; display:grid; padding:20px 0; grid-template-columns:1fr 3fr 1fr;}
div.logo {grid-column:1; grid-row:1/3; margin-right:1em; order:1;}
div.logo img {max-width:167px; height:auto; width:100%;}
div.teleml {display:flex; gap:0.5em; order:3; justify-content:end;}
/****************************************************************************************/

/****************************************************************************************/
/* Menu 																				*/
div.menu {padding:1em 1em 2.1em 1em; height:0.5em; overflow:hidden; transition:height 300ms ease; order:2;}
ul.menulinks {list-style-type:none; display:flex; gap:3em; margin:0; padding:0;}
ul.menulinks a {color:var(--main-text); text-decoration:none; font-size:1em; transition:all 300ms ease;}
ul.menulinks > li > a {text-transform:uppercase;}
ul.menulinks > li:not(:first-child) {text-align:center;}
ul.menulinks a:hover {color:var(--main-slvr);}
.mobilemenu {flex-direction:column;}
ul.menulinks li ul {list-style-type:none; display:flex; flex-direction:column; padding:1em 0 0 0;}
ul.menulinks li ul li {padding:0.3em 0;}
ul.menulinks li ul a {color:var(--main-whte); text-decoration:none; text-transform:capitalize; font-size:1.1em; font-weight:normal; transition:all 300ms ease;}

div.hamburger {display:none;}
.fullburger {position:absolute; z-index:100; top:0; width:100%; height:100vh !important; opacity:0.9; box-sizing:border-box;}

.bar1, .bar2, .bar3 {width:35px; height:5px; margin:0 0 6px 0; transition:0.4s;}
.change .bar1 {-webkit-transform:rotate(-45deg) translate(-9px, 6px); transform:rotate(-45deg) translate(-9px, 6px);}
.change .bar2 {opacity:0;}
.change .bar3 {-webkit-transform:rotate(45deg) translate(-8px, -8px); transform:rotate(45deg) translate(-8px, -8px);}
/****************************************************************************************/

/****************************************************************************************/
/* Home 																				*/
main {padding-top:100px;}
img.bnrimg {width:100%; height:auto;}

div.intro {display:grid; grid-template-columns:1fr 3fr; gap:2em;}
div.intro p a {font-weight:bold; text-decoration:none;}
div.intro p a:hover {text-decoration:underline;}

div.bookiku {display:inline-block; border-radius:0.3em; font-weight:bold; text-transform:uppercase; padding:1em;}
div.bookiku a:hover {text-decoration:none;}

section.reviews p img {float:left; margin-right:1em;}
section h2 {margin-top:0;}
div.reviewbtn {text-align:center;}
div.reviewbtn button {font-size:1.2em; padding:0.6em 1em; border-radius:2em;}
section.reviews p.revby {float:right; font-weight:bold; margin:0; line-height:1em;}

div.harley iframe {max-height:282px;}
div.harley div.inner div.topRow {padding:0.5em !important;}

div.whatwedo {margin-top:3em; padding-left:1em; padding-right:1em;}
div.whatflex {display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; gap:2em;}
div.whatflex div.whatbox {box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); padding:1em 2em; transition:all .5s;}
div.whatflex div.whatbox:hover {background-color:#eee;}
div.whatflex i.fa {font-size:3em; float:right;}
div.whatflex h2 {text-transform:uppercase;}
div.whatflex p.whattext {font-size:1.2em;}
p.btn {margin-top:2em;}
p.btn a {padding:1em 2em; background-color:#777; border:1px solid #777; text-align:center; text-transform:uppercase; text-decoration:none; color:#fff; transition:all .3s;}
p.btn a:hover {background-color:#fff; color:#777;}
div.intro p.nondr a:hover {text-decoration:none !important;}

div.pricing {margin-top:3em; padding:0 1em;}
div.prcgflex {display:flex; gap:2em; flex-wrap:wrap; justify-content:center;}
div.prcgbox {max-width:225px; background-color:var(--main-puce); color:#fff; text-align:center;}
div.prcgbox div.topbox {padding:1em;}
div.prcgbox div.topbox span {font-size:3em; margin-left:0.1em;}
div.prcgbox h3 {font-size:1.5em;}
div.prcgbox div.txtbtn {background-color:#fff; color:var(--main-puce); padding:1em; height:160px}

div.testims {margin-top:3em; padding:0 1em; text-align:center;}
div.testims p {font-size:1.2em; line-height:1.5em;}
div.testims span.rsABlock div {display:block; text-transform:uppercase;}
div.testims .slide1, div.testims .slide2, div.testims .slide3 {background-color:var(--main-tstm);}
div.testims .slide1 .bContainer {top:0%;}
div.testims .slide2 .bContainer {top:1em;}
div.testims .slide3 .bContainer {top:1em;}

div.bldng {margin-top:3em; padding:0 1em; text-align:center;}
div.bldng p {font-size:1.2em; line-height:1.5em;}
div.bldng .slide1, div.bldng .slide2, div.bldng .slide3 {background-color:var(--main-bege);}
div.bldng .slide1 .bContainer {top:0px;}
div.bldng .slide2 .bContainer {top:0px;}
div.bldng .slide3 .bContainer {top:0px;}

/****************************************************************************************/

/****************************************************************************************/
/* Royal Slider																			*/
#slider-main, #slider-testims, #slider-bldng {width: 100%;}
.rsContent {color: #FFF; font-size: 24px; line-height: 32px; float: left; background-repeat:no-repeat !important; background-position:center center !important;}
.bContainer {position: relative;}
.rsABlock {position: inherit !important; display: block; left: auto; top: auto;}
.blockHeadline {font-size: 42px; line-height: 50px;}
.blockSubHeadline {font-size: 32px; line-height: 40px}
.txtCent {text-align: center; width: 100%;}
.slide1 {background-color:rgba(221, 221, 221, 1);}
.slide1 .bContainer {top:60%;}
.slide2 {background-color:rgba(221, 221, 221, 1); color:#FFFFFF;}
.slide2 .bContainer {top: 24px;}
.slide2 .txtCent {line-height: 44px;}
.slide2 .blockHeadline {line-height: 66px;}
.slide3 {background-color:rgba(221, 221, 221, 1); color:#FFFFFF;}
.slide3 .bContainer {top: 24px;}
.slide3 span {line-height: 44px;}
.slide4 {background: #262262; color:#FFFFFF;}
.slide4 .bContainer {position: absolute; left: 0; width: 100%; height: auto; top: 24px;}
.photoCopy {position: absolute; line-height: 24px; font-size: 12px; background: black; color: white; background-color: rgba(0, 0, 0, 0.75); padding: 0px 10px; left: 12px; bottom: 12px; top: auto; border-radius: 2px; z-index: 25;}
.photoCopy a {color: #FFF;}
.palmImg {left: 0; top: auto; bottom: -60px; position: absolute;}
.slideQt {font-size:1.4em; font-style:italic;}
.txtwhite {color:#FFFFFF !important;}
.txtltblu {color:#D5D2F0;}
.txtred {color:#EC1C24;}
span.txtLeft {text-align:center; text-shadow:4px 4px 4px rgba(0,0,0,0.6);}
/****************************************************************************************/

/****************************************************************************************/
/* Footer																				*/
footer {color:var(--main-whte); padding:5em 2em 2em 2em;}
footer a:hover {text-decoration:none;}
footer div.inrmaxwdth {display:flex; flex-wrap:wrap; justify-content:space-between;}
footer div.inrmaxwdth div {padding:0 1em 1em 0;}
footer div.inrmaxwdth div p:first-of-type {font-weight:bold; color:var(--main-whte); text-transform:uppercase;}
footer div.inrmaxwdth div p a {color:var(--main-slvr);}
footer div.inrmaxwdth div p:last-child {color:var(--main-slvr);}
footer div.inrmaxwdth div p:nth-child(2) {display:flex; gap:1em;}

div#totopdiv {padding:0 2em 2em 0;}
p#toTop {float:right; padding:0;}
p#toTop {margin:0px !important; line-height:100%; padding:0;}
p#toTop img {max-width:1em;}
p#toTop a {text-decoration:underline !important; color:var(--main-whte); font-weight:bold; font-size:0.85em;}
p#toTop a:hover {text-decoration:none !important;}
p#toTop a img {margin-right:.5em;}
/****************************************************************************************/


/****************************************************************************************/
/* CONTACT 																				*/
div.form-div {display:inline-block; width:100%; left:0; margin:0; box-sizing:border-box;}
div.form-div form {position:relative; padding:0;}
div.form-div form fieldset {border:none; padding:0; margin-bottom:20px;}
div.form-div .form-row {display:block; padding:12px 0; transition: opacity .2s ease-in,height .2s ease-out; box-sizing:border-box;}
div.form-div .form-row>label {display:block; text-align:left; width:100%;}
div.form-div .form-row input {box-sizing:border-box; display:block; width:100%; border-radius:5px; font-family: 'Open Sans', sans-serif;}
div.form-div .form-row input:focus-visible, div.form-div .form-row textarea:focus-visible {outline:none;}
div.form-div .form-row textarea {box-sizing:border-box; width:100%; border-radius:5px; font-family: 'Open Sans', sans-serif;}
div.form-div .form-row input, div.form-div .form-row textarea {padding:8px 20px 10px 13px; border:none; background-color:#f6f9fc;}
div.form-div input[type=submit] {font-family:"Quicksand", serif; padding:0.5em 2em; font-weight:bold; border-radius:5px; margin-top:20px; cursor:pointer;}
div.form-div input[type=submit]:hover {opacity:0.9;}
div.form-div .form-row input.invalid-missing, div.form-div .form-row input.invalid-value, div.form-div .form-row textarea.invalid-missing {background-position-x:calc(100% - 8px); background-position-y:3px; background-repeat:no-repeat; -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; background-image:url('/images/input-inval.png');}
div.form-div .form-row.has-focus input, div.form-div .form-row.has-focus textarea, div.form-div .form-row input:focus, div.form-div .form-row textarea:focus {box-shadow:0 0 0 1px #e4effa; -webkit-box-shadow:0 0 0 1px #e4effa;}
div.form-submit {text-align:center;}
div.form-div a {color:#000055;}

input.btn {margin-top:2em;}
input.btn {padding:1em 2em; background-color:#777; border:1px solid #777 !important; text-align:center; text-transform:uppercase; text-decoration:none; color:#fff; transition:all .3s;}
input.btn:hover {background-color:#fff; color:#777;}
/****************************************************************************************/


@media (max-width:1100px) {
    ul.menulinks {gap:2em;}
}

@media (max-width:1000px) {
    header#thehdr {padding:1em 2em 0 2em;}
    header#thehdr div.hdrblocks {grid-template-columns:1fr 1fr; grid-template-rows:2;}
    div.teleml {order:2;}
    div.menubox {width:100%;}
    div.menu {order:3; grid-column-start:1; grid-column-end:3; padding:1em 0 2.1em 0; display:flex; justify-content:space-between;}
    ul.menulinks {justify-content:space-between;}
    main {padding-top:145px;}
}

@media (max-width:900px) {
    div.intro {grid-template-columns:1fr;}
    div.thetree {display:none;}
    div.whatflex {grid-template-columns:1fr;}
}