html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr, iframe {
margin: 0;
padding: 0;
border: 0;
}
.mainText img {
max-width:100%;
}
html {
}
body {
font-family: 'Catamaran', sans-serif;
line-height: 1.5;
color: #bebebe;
font-size:12pt;
font-weight:normal;
font-style:normal;
}
body.bodyClass
{
top:0;
width: 100%;
/*min-width:1080px*/
}
body#contact {
background-color:black;
}
body[class="GalleryBody"] {
min-width:800px;
}
td, tr, table
{
color: #bebebe;
font-size: 1em;
font-family: 'Catamaran', sans-serif;
}
#mainboxhome
{
width:100%;
background-color: rgba(0,0,0, 0.98);
display:inline-block;
margin:0;
}
#mainbox
{
width:100%;
background-color: rgba(0,0,0, 0.98);
display:inline-block;
margin:0;
}
#mainContent
{
width:95%;
max-width:1080px;
margin:30px auto;
vertical-align: baseline;
}
#mainContentInner
{
width:95%;
max-width:1080px;
margin:0 auto;
}
em
{
font-style:italic;
}
h1 {
color: #858470;
font-size:1.75em;
font-weight:normal;
line-height:1.5em;
}
h2 {
color:#858470;
font-size: 1.4em;
font-weight:normal;
line-height:1.5em;
}
h3 {
font-size:1.2em;
font-weight:bold;
line-height:1.5em;
}
h4 {
color:#858470;
font-size:1.2em;
line-height:1.5em;
}
#newTableMenu {
width:63%;
max-width:800px;
min-width:550px;
}
#contact #newTableMenu {
float:left;
}
/*-------------graphics/slideshow styles------------*/
#bgGraphic
{
position:fixed;
top:0;
margin-left:auto;
margin-right:auto;
z-index:-10;
width: 100%;
}
#bgGraphic img {
/* Set rules to fill background */
object-fit: cover;
width: 100%;
height: 100%;
}
#editBGgraphic{
background-color:#000000;
padding:4px;
border:2px solid #fff000;
color:#fff000;
font-size:14pt;
font-weight:bold;
position:absolute;
left:250px;
top:390px;
width:200px;
}
.editBgClass {
position:initial
}
.photos
{
display:inline-block;
padding:0 30px 0 0;
}
#photos
{
margin:40px auto;
text-align:center;
}
#bgVideo {
position: relative;
top: 124px;
max-width: 100%;
min-height:initial;
}
/*below fixes a problem with the mac showing duplicated videos in Safari*/
.bgVideo {
z-index:1
}
/*-------------font styles------------*/
a, a:link {
text-decoration: none;
color: #cccccc;
}
a:visited
{
text-decoration: none;
color: #cccccc;
}
a:hover, a:visited:hover {
color: #858470;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/*-------------button styles------------*/
a.button, .mainButton a {
color: #000000;
}
a.button:hover, .mainButton a:hover {
color: #ffffff;
}
input[type="submit"], input[type="reset"], input[type="button"], .mainButton, #BtnSave {
color: #000000;
font-weight:normal;
border-radius: 0.5em;
padding: 0.65em;
-webkit-appearance: none;
-moz-appearance: none;
}
#ShowAmtLink {
padding:0.65em 0;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .mainButton:hover, #BtnSave:hover {
color: #ffffff;
opacity:1;
}
/*----------------header styles------------*/
.companyname
{
font-size: 40pt;
display:inline-block;
font-family: 'Catamaran', sans-serif;
}
.logoarea
{
display:inline-block;
}
#likeButton
{
vertical-align:top;
text-align:center;
}
/*-----------Sticky Moving Header-----------------*/
header.page-header {
background: rgba(0,0,0,0.7);
height: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 5;
margin-left: auto;
margin-right: auto;
text-align: center;
border-bottom: 5px solid rgba(255,255,255,0.4);
min-height: 125px;
}
.page-header {
position: fixed;
left: 0;
top: 0;
box-sizing: border-box;
-webkit-transition: top 0.6s;
-moz-transition: top 0.6s;
transition: top 0.6s;
}
.page-header.off-canvas {
top: -300px;
}
.page-header.fixed {
top: 0;
z-index: 3;
}
#headerMargin {
margin-left: auto;
margin-right: auto;
max-width:1080px;
}
/*------------nav styles------------*/
.logo
{
z-index:6;
vertical-align:top;
list-style: none;
}
#mainNav
{
margin-top:5px;
height:auto;
text-align:center;
display:inline-block;
max-width:1080px;
}
#mainNav ul {
list-style: none;
}
#mainNav li
{
padding:8px;
text-transform:uppercase;
float:left;
margin-right: 5px;
}
#mainNav a
{
color:#ffffff;
display: block;
border: none;
font-size:.8em;
}
#mainNav a:hover {
color: #cccccc;
text-shadow: 1px 1px 3px #575757;
}
.flyoutHeader{
display:none;
}
/*------------new responsive Nav styles------------*/
#nav {
position: relative;
float:left;
cursor: default;
}
#nav ul {
margin:0 auto;
}
#nav > ul > li {
display: inline-block;
}
#nav > ul > li:last-child {
padding-right: 0;
}
#nav > ul > li > a {
border: 0;
display: block;
}
#nav > ul > li > a:before {
display: inline-block;
-moz-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
-webkit-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
-ms-transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
transition: color 0.25s ease-in-out, background 0.25s ease-in-out;
}
#nav > ul > li > a > span {
-moz-transition: color 0.25s ease-in-out;
-webkit-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
-ms-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
font-size: 0.85em;
letter-spacing: 3px;
}
#nav > ul > li > ul {
display: none;
}
#nav > ul > li.active > a:before, #nav > ul > li:hover > a:before {
}
#nav > ul > li.active > a > span, #nav > ul > li:hover > a > span {
}
.dropotron {
text-align: left;
border: solid 1px #e5e5e5;
border-radius: 4px;
background: #fff;
background: rgba(255, 255, 255, 0.965);
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
padding: 0.75em 0 0.5em 0;
min-width: 12em;
margin-top: calc(-0.5em + 1px);
margin-left: -2px;
list-style: none;
}
.dropotron.level-0 {
margin-top: 1.5em;
margin-left: -1em;
}
.dropotron.level-0:after {
content: '';
display: block;
position: absolute;
left: 1.25em;
top: calc(-0.75em + 1px);
border-left: solid 0.75em rgba(255, 255, 255, 0);
border-right: solid 0.75em rgba(255, 255, 255, 0);
border-bottom: solid 0.75em #fff;
}
.dropotron.level-0:before {
content: '';
display: block;
position: absolute;
left: 1.25em;
top: -0.75em;
border-left: solid 0.75em rgba(255, 255, 255, 0);
border-right: solid 0.75em rgba(255, 255, 255, 0);
border-bottom: solid 0.75em #ccc;
}
.link.depth-1 {
text-transform:initial;
}
.dropotron span, .dropotron a {
display: block;
padding: 0.3em 1em 0.3em 1em;
border: 0;
border-top: solid 1px #f0f0f0;
outline: 0;
}
.dropotron li {
padding-left: 0;
margin: 0;
}
.dropotron li:first-child > span, .dropotron li:first-child > a {
border-top: 0;
padding-top: 0;
}
.dropotron a{
color: #000000;
}
.dropotron li:hover > span, .dropotron li:hover > a {
-moz-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
-webkit-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
-ms-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
color: #858470;
}
/*------------location styles------------*/
.LocListHeader
{
background-color: transparent;
COLOR: #858470;
font-size: 1.75em;
font-weight:normal;
}
.LocListAltRow2, .LocListAltRow1
{
font-size:1em;
display:block;
font-weight:normal;
border: none;
background-color:transparent;
line-height:1.5;
border:none;
}
.LocListSelected
{
font-size:1em;
display:block;
font-weight:bold;
border: none;
background-color: transparent;
line-height:1.5;
border:none;
background-color: #424242;
}
.onScreenList li > div:last-of-type {
margin-bottom:1em;
}
/*---------------aside styles--------------*/
#newAside {
/* display:list-item;*/
float:right;
margin:0 20px 30px 0;
padding: 10px;
vertical-align: baseline;
-webkit-box-shadow: 0px 0px 10px 0px #3a3a3a; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 0px 10px 0px #3a3a3a; /* Firefox 3.5 - 3.6 */
box-shadow: 0px 0px 10px 0px #3a3a3a; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.policy{
margin-top:1.5em;
}
.servCatList, .asideLocationList ul, .asideLocationList
{
display:block;
margin-top:10px;
margin-bottom:15px;
list-style: none;
max-width:300px;
}
.servCatList a, .asideLocationList a
{
display:inline-block;
background-color:rgba(0,0,0, 0.8);
line-height:1.5;
border:1px solid #424242;
padding: 3px;
margin: 2px;
width: 96%;
text-align: center;
}
.servCatList a:hover, .asideLocationList a:hover
{
background-color: #424242;
color:#858470;
}
a.bookApptBut
{
background-color:rgba(0,0,0, 0.8);
border:1px solid #424242;
padding:3px 5px;
margin:0px;
border-spacing:0px;
font-size:.9em;
}
a:hover.bookApptBut
{
background-color: #424242;
color:#858470;
padding:3px 5px;
margin:0px;
border-spacing:0px;
font-size:.9em;
}
.asideItems
{
background-color:blue;
padding-left:20px;
-webkit-box-shadow: 0px 0px 10px 0px #3a3a3a; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow: 0px 0px 10px 0px #3a3a3a; /* Firefox 3.5 - 3.6 */
box-shadow: 0px 0px 10px 0px #3a3a3a; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.images{
height:300px;
width:200px;
float:left;
}
.asideBut
{
padding: 8px;
border: 1px solid #919191;
}
.asideBut a
{
font-weight:bold;
}
.asideBut a:hover, .asideBut a:visited:hover
{
font-weight:bold;
color: #d47373;
}
#aside a, #aside a:visited
{
color: #ffffff;
}
#aside a:hover, #aside a:visited:hover
{
color: #858470;
}
.social{
margin:15px auto;
}
#socialBar{
list-style:none;
display:inline-block;
width:260px;
margin: 0 auto;
}
#socialBar li{
float:left;
margin:2px;
}
#socialBar img{
opacity: 1;
}
#imgOuter {
margin:15px;
}
#chgBG > #imgOuter {
margin:0px;
}
/*---------------footer styles---------------*/
#pageFooter {
background-color:#2e2e2e;
height:auto;
float:none;
}
#footer
{
width:95%;
max-width:1500px;
padding-bottom:5px;
text-align: center;
margin-left: auto;
margin-right:auto;
background-color:#2e2e2e;
}
#testimonial
{
width:300px;
text-align:left;
float:left;
font-size:.8em;
padding-right:100px;
padding-left:100px;
font-style:oblique;
}
#testimonial .title
{
font-weight:bold;
font-size:2.1em;
font-style:normal;
}
#testimonial .more
{
font-style:normal;
}
#posts
{
width:500px;
text-align:left;
float:left;
font-size:.8em;
padding-left:50px;
}
#posts ul
{
padding-left:20px;
line-height:2em;
}
#posts .title
{
font-weight:bold;
font-size:2.1em;
font-style:normal;
}
#copy
{
vertical-align:bottom;
background-color:#000000;
height:auto;
}
.innerCopy
{
display:block;
width: 100%;
margin-left:auto;
margin-right:auto;
}
#phone
{
float:left;
margin-left:100px;
font-size: .8em;
text-align:left;
padding-top:5px;
}
#phone .title
{
font-weight:bold;
font-size:2.1em;
font-style:normal;
}
#copyWrite
{
text-align:right;
font-size:.6em;
margin-right:100px;
padding-top:8px;
color: #575757;
}
#copyWrite a, #copyWrite a:visited
{
color:#575757;
}
#copyWrite a:hover, #copyWrite a:visited:hover
{
color:#858470;
}
/*---------------Home Page styles---------------*/
#home h2 {
font-size: 1.4em;
border-bottom: 2px solid rgb(76, 67, 65);
margin-top: 1.5em;
color:#bebebe;
}
#sloganTitleline
{
background-color: rgba(0,0,0, 0.8);
color:#ffffff;
padding: 35px 0;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:500px;
text-align:center;
}
#sloganInner
{
background-color: rgba(0,0,0, 0.8);
color:#ffffff;
padding: 35px 0;
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:400px;
text-align:center;
}
#contact #sloganInner
{
padding: 0;
margin-top:150px;
}
#sloganTitleline > h1, #sloganInner > h1
{
max-width:1080px;
margin: 0 auto;
}
.mainText
{
display:inline-block;
color:#bebebe;
margin: 10px 10px 10px 0;
width:65%;
word-break:break-word;
}
.galleryMain {
width:100%;
margin-top:10em;
}
#contact .mainText {
width:initial;
}
.name
{
font-size:50pt;
font-weight: bold;
color: #ffffff;
}
/*--------------Service Page styles---------------*/
.ServListCatName
{
background-color: transparent;
color:#858470;
font-size:1.75em;
padding:0 0 0 8px;
margin:30px 0 0 0;
font-weight:normal;
}
.ServListCatDesc
{
background-color: transparent;
font-size:1em;
padding:0 0 0 8px;
margin:0;
color:#858470;
}
.ServListAltRow1Title, .ServListAltRow2Title
{
font-size: 1em;
font-weight: normal;
background-color:transparent;
color:#858470;
}
.ServListAltRow1Detail, .ServListAltRow2Detail
{
background-color: transparent;
font-size:1em;
padding-bottom :10px;
color:#bebebe;
font-size: .9em;
line-height:1.5em;
}
.ServListAltRow1Desc, .ServListAltRow2Desc
{
background-color: transparent;
font-weight:normal;
padding-bottom :10px;
color:#ffffff;
font-size: 1em;
line-height:1.5em;
}
#servPage .mainText
{
width:65%;
}
.servMenuSection .mainItemGroupFlow ul.actions.stacked {
margin: 1em 0;
}
.mainItemGroupGrid .editBox {
padding-top:15px;
width:100%;
}
/*--------------Products Page styles---------------*/
.prodPageList
{
vertical-align:top;
padding:0;
}
.ProdListCatName
{
display:none;
}
.ProdListAltRow1Title, .ProdListAltRow2Title
{
font-size: 1.5em;
font-weight: normal;
background-color:transparent;
padding-left:10px;
color:#858470;
}
.ProdListAltRow1Detail, .ProdListAltRow2Detail
{
font-size: .9em;
line-height:1.5em;
background-color:transparent;
vertical-align:top;
padding: 0 0 20px 10px;
color:#bebebe;
}
.mainItemGroupFlow.prod ul.actions.stacked {
top:0;
margin-top: 1.5em;
}
.mainItemGroupFlow.prod ul.actions.stacked a {
color:black;
font-weight:bold;
}
.mainItemGroupFlow.prod ul.actions.stacked a:hover {
color:#3a3a3a;
}
/*--------------Specials Page styles---------------*/
.promoPageList
{
vertical-align:top;
padding:0;
}
.promoPageList em
{
font-size:.9em;
background-color: rgba(255,255,255, 0.6);
padding: 3px;
margin-left:10px;
}
.SpecListCategory{
font-size: 1.5em;
font-weight:normal;
background-color:transparent;
}
.SpecListAltRow1, .SpecListAltRow2
{
font-size: .9em;
line-height:1.5em;
background-color:transparent;
vertical-align:top;
padding: 0 0 20px 10px;
color: #bebebe;
}
.SpecListAltRow1Title, .SpecListAltRow2Title
{
font-size: 1.5em;
font-weight: normal;
background-color:transparent;
padding-left:10px;
color:#858470;
}
/* STAFF Menu ----------------------------------------------------------- */
.StaffListHeader
{
display:none;
}
.StaffListAltRow1, .StaffListAltRow2
{
font-size: 1.5em;
font-weight: normal;
background-color:transparent;
padding-left:10px;
vertical-align:middle;
}
.staffPageList
{
float:left;
padding-left:15px;
display:inline-block;
width:100%;
line-height:1.5em;
}
.staffphoto
{
float:left;
display:inline-block;
}
.mainItemGroupColumns.staff .button {
padding: 0.65em;
}
#stafImg{
float:left;
margin-right:20px;
}
#stafTxt{
float:left;
width:100%;
}
#days{
display:inline-block;
text-align:left;
color:#858470;
}
#hours{
display:inline-block;
margin:0 20px;
}
.staff > #newTableMenu p {
margin-left:10px;
margin-top:15px;
color: #858470;
font-size:1.1em;
font-weight:normal;
}
/* GUEST Menu ----------------------------------------------------------- */
#ifrmDiv
{
background-color:transparent;
}
.GuestFormBody
{
color: #bebebe;
font-weight:normal;
font-style:normal;
background-color:transparent;
margin-top:0;
padding-top:0;
min-width:100%;
}
.GuestHeader
{
font-size: .9em;
line-height:1.5em;
text-align:left;
background-color:transparent;
}
.GuestTitles
{
font-size: 1.4em;
FONT-WEIGHT:normal;
color: #858470;
line-height:1.5em;
background-color:transparent;
}
/* GIFT Page ----------------------------------------------------------- */
.GiftFormBody
{
color: #bebebe;
font-weight:normal;
font-style:normal;
background-color:transparent;
padding-top:0;
min-width:100%;
}
.GiftListDivBox
{
background-color:transparent;
}
.GiftHeader
{
font-size: .9em;
line-height:1.5em;
text-align:left;
background-color:transparent;
}
.GiftFormTitles, .GiftPackageTitles
{
font-size: 1.4em;
FONT-WEIGHT:normal;
color: #858470;
line-height:1.5em;
background-color:transparent;
}
#GCList.GiftListDivBox, #PackageList.GiftListDivBox
{
background-color:transparent !important;
width:95% !important;
}
#giftPage #newTableMenu {
float:left;
}
#giftPage .mainText {
width:100%
}
.GCButton.floatRight {
margin-top: 0;
}
#PackageList .clearFix {
margin: 40px 0;
border-bottom: 1px solid #ffffff60;
padding-bottom: 40px;
}
/* CONTACT Page ----------------------------------------------------------- */
#contactInfo
{
width:300px;
}
.contactDetails{
margin: 0 15px 0 0;
display:inline-block;
vertical-align:top;
}
/*#contact #newTableMenu, #guestbook #newTableMenu
{
margin:15px;
}*/
.ApptFormBody
{
BACKGROUND-COLOR:transparent;
min-width:100%;
}
.ApptHeader
{
color:#858470;
font-size: 1.5em;
FONT-WEIGHT:normal;
BACKGROUND-COLOR:transparent;
}
.ApptFormTitles
{
color:#858470;
font-size: 1.5em;
padding-top:30px;
FONT-WEIGHT:normal;
background-color:transparent;
}
.ApptListAltRow1, .ApptListAltRow2
{
font-size: .9em;
line-height:1.5em;
background-color:transparent;
background:transparent;
}
a[name="bookapp"] + #ifrm
/* This adjusts the height of the containing iframe to avoid having the extra white space below button - inspect element on the live site to find height of iframe*/
{
background-color:transparent;
}
div#ifrmDiv #ifrm
/* This adjusts the height of the containing iframe to avoid having the extra white space below button - inspect element on the live site to find height of iframe*/
{
}
/* BACKGROUND Edit ----------------------------------------------------------- */
.EditorBG
{
FONT-WEIGHT: normal;
color: #bebebe;
font-style:normal;
BACKGROUND-COLOR: #000000;
font-family:'Catamaran', sans-serif;
}
.EditorBG2
{
FONT-WEIGHT: normal;
color: #bebebe;
font-style:normal;
BACKGROUND-COLOR: #000000;
font-family:'Catamaran', sans-serif;
}
.EditorBGTitle {
font-size:1.75em;
COLOR: #858470;
font-family:'Catamaran', sans-serif;
}
/*---------------Featured Boxes---------------*/
featured ul {
list-style: none;
margin: 0;
padding:0;
}
featured li
{
padding:0;
float: left;
list-style: none;
}
.featuredContent
{
width:290px;
height:130px;
background-color: rgba(255,255,255, 0.1);
border:none;
cursor:pointer;
display: inline-block;
margin-left: 5px;
margin-top: 5px;
}
.featuredTitle, .featuredTitleSmall
{
font-size: 1.3em;
font-family: 'Catamaran', sans-serif;
font-weight: 400;
color: #ffffff;
line-height: 26px;
}
.twitter
{
text-align:center;
}
.mainItemGroupGrid ul.actions.stacked {
margin-bottom: 20px;
}
/*-----------Flyout Menus-----------------*/
.sb_navbut{
}
.sb_subnav a
{
padding:2px 0 2px 4px;
line-height:1.3em;
}
.sb_subnav
{
position:absolute;
top:20px;
left:0px;
width:200px;
background-color: rgba(0, 0, 0, 0.75);
border:solid 1px #666666;
display:none;
}
.sb_sub_subnav
{
position:absolute;
z-index:1001;
top:-3px;
left:115px;
width:200px;
background-color: rgba(0, 0, 0, 0.75);
border:solid 1px #666666;
display:none;
}
.flyoutLink
{
padding:3px;
}
.flyoutLink A
{
color:#4c4c4a;
}
.flyoutLink A:hover
{
color:#000000;
}
/*----------Shopping Catalog Styles ------------*/
.shopCatGroup, .shopCatGroup a, .shopCatGroup a:link, .shopCatGroup a:visited, .shopCatGroup a:hover, .shopCatGroup a:visited:hover,.ShopFooter,.ShopFooter a, .ShopFooter a:link, .ShopFooter a:visited,.ShopFooter a:hover, .ShopFooter a:visited:hover, #DtlItems .Header {
color:#ffffff;
}
/*----------MEDIA QUERIES -------------------------------------------------------------------*/
#navPanel, #titleBar {
display: none;
}
/*-----------Media Queries IPad-----------------*/
@media only screen and (min-width:768px) and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
#phone {
margin-left: 50px;
}
#copyWrite {
margin-right: 40px;
}
.featuredTitle, .featuredTitleSmall {
font-size: .9em;
line-height: 1.2em;
}
.featuredContent {
width: 280px;
vertical-align: top;
}
.photos {
padding: 0 20px 0 0;
}
#bgGraphic img {
min-width: 768px;
}
#sloganTitleline > h1, #sloganInner > h1 {
}
#mainContent {
width: 95%;
max-width: 100%;
margin: 30px auto;
vertical-align: baseline;
}
#mainContentInner {
width: 95%;
max-width: 100%;
margin: 0 auto;
}
}
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) {
#mainNav a {
font-size: 1.2em;
}
.mainText {
font-size: 1.2em;
}
.featuredTitle, .featuredTitleSmall {
font-size: 1.2em;
line-height: 1.2em;
}
.featuredContent {
width: 350px;
vertical-align: top;
}
.photos {
padding: 0 2px 0 0;
width: 265px;
}
#bgGraphic img {
min-width: 1200px;
}
}
@media screen and (min-width: 851px) and (max-width: 950px) {
.mainText {
width: 55%;
}
}
@media screen and (min-width: 751px) and (max-width: 850px) {
.mainText {
width: 100%;
}
#newAside {
float: initial;
margin: 0;
}
#newAside div {
text-align: center;
}
}
@media screen and (max-width: 750px) {
/* Basic */
html, body {
/*overflow-x: hidden;*/
}
.mainText {
width: 100%;
}
.bgVideo {
z-index:-100
}
/*aside*/
#newAside {
float: initial;
margin: 0;
text-align:center;
clear:both;
}
#newAside > div {
margin: 1em auto;
}
div[id^="imgWrap"], #fb-root, .social {
margin:0 auto;
}
#fb-root, #socialBar {
text-align:center;
}
/*contact page*/
#newTableMenu {
width: 100%;
max-width: initial;
min-width: initial;
}
#contact #newTableMenu {
text-align:center;
}
/*services page*/
.servMenuSection .mainItemGroupFlow ul.actions.stacked {
margin: 1em 0;
top: 0;
}
.servMenuSection h3 {
padding-top: 1.5em;
}
.servMenuSection ul.actions.stacked {
text-align: center;
margin:1em 0;
}
.servPricingGrid {
text-align:center;
}
#servPage .mainText
{
width:100%;
}
/*staff*/
.mainItemGroupFlow.staff h3{
margin: .5em 0;
}
#stafImg {
float:initial
}
.staffPageList {
padding-left:0;
}
/*guestbook*/
#BtnSave {
padding:0 1em;
width: 97%;
}
.GBSaveBut {
width:100%;
}
/* Header */
.companyname {
margin:.1em 1.3em;
line-height:1;
}
#header > .container {
padding: 10em 0 7em 0;
}
/*images*/
.photos {
padding:0
}
.mainItemGroupFlow.spec .imgTag {
margin-bottom:1em;
}
/* Nav */
#nav {
display: none;
}
.indent-0 {
top:-50px;
}
#page-wrapper {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transition: -moz-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
padding-bottom: 1px;
}
#titleBar {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transition: -moz-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
display: block;
height: 44px;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10001;
}
#titleBar .toggle {
position: absolute;
left: 0;
top: 0;
width: 80px;
height: 60px;
border: 0;
}
#titleBar .toggle:before {
display: inline-block;
font-family: FontAwesome;
text-decoration: none;
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\f0c9';
display: block;
width: 50px;
height: 40px;
background: rgba(232, 232, 232, 0.9);
border-radius: 4px;
position: absolute;
left: 5px;
top: 5px;
box-shadow: 0.125em 0.125em 0 0 rgba(0, 0, 0, 0.15);
text-align: center;
line-height: 40px;
font-size: 18px;
color: #3a3a3a;
}
#titleBar .toggle:active:before {
opacity: 0.5;
}
#navPanel {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-moz-transform: translateX(-275px);
-webkit-transform: translateX(-275px);
-ms-transform: translateX(-275px);
transform: translateX(-275px);
-moz-transition: -moz-transform 0.5s ease;
-webkit-transition: -webkit-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
transition: transform 0.5s ease;
display: block;
height: 100%;
left: 0;
overflow-y: auto;
position: fixed;
top: 0;
width: 275px;
z-index: 10002;
background: #444;
font-weight: 400;
text-transform: uppercase;
color: #888;
letter-spacing: 2px;
font-size: 0.85em;
}
#navPanel .link {
display: block;
color: #ddd;
text-decoration: none;
height: 44px;
line-height: 44px;
border: 0;
border-top: solid 1px #3c3c3c;
padding: 0 1em 0 1em;
max-width: 258px;
overflow: hidden;
}
#navPanel .link:first-child {
border-top: 0;
}
#navPanel .link.depth-0 {
font-weight: 600;
color: #fff;
}
#navPanel .indent-1 {
display: inline-block;
width: 1em;
}
#navPanel .indent-2 {
display: inline-block;
width: 2em;
}
#navPanel .indent-3 {
display: inline-block;
width: 3em;
}
#navPanel .indent-4 {
display: inline-block;
width: 4em;
}
#navPanel .indent-5 {
display: inline-block;
width: 5em;
}
#navPanel .depth-0 {
color: #fff;
}
body.navPanel-visible #page-wrapper {
-moz-transform: translateX(275px);
-webkit-transform: translateX(275px);
-ms-transform: translateX(275px);
transform: translateX(275px);
}
body.navPanel-visible #titleBar {
-moz-transform: translateX(275px);
-webkit-transform: translateX(275px);
-ms-transform: translateX(275px);
transform: translateX(275px);
}
body.navPanel-visible #navPanel {
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
/*footer*/
#copyWrite, #phone{
float:initial;
text-align:center;
margin: 0 auto;
padding: 0 1em;
}
}
@media screen and (max-width: 615px) {
.mainItemGroupFlow.staff p {
margin:0 0 1em 0;
}
.mainItemGroupFlow.staff ul.actions.stacked {
margin:1em 0;
}
}
@media screen and (max-width : 415px) {
.companyname {
font-size: 33pt;
}
}