@layer setupPage, step2styles;
summary {
position: relative;
}
summary::marker {
content: none;
}
summary::before,
summary::after {
content: '';
width: .75em;
height: 0;
border-bottom: 2px solid;
position: absolute;
top: calc(50% - 1px);
right: 0;
transform: translateY(-50%);
}
summary::after {
transform: rotate(90deg);
transform-origin: 50% 50%;
}
[open] summary::after {
transform: rotate(0deg);
}
@layer step2styles {
details {
border-top: 0;
border-right: 0;
border-bottom: 1px solid #E4E9F2;
border-left: 0;
padding: 0 1rem;
background: white;
}
details + details {
border-top: none;
}
details[open] {
padding-bottom: 1em;
}
summary {
padding: 14px 2px 14px 0;
font-size: 20px;
cursor: pointer;
color: #0000ff;
}
} html {
scroll-behavior: smooth;
}
body {
font: 15px Arial, Georgia, serif;
}
img {
border-style: none;
max-width: 100%;
height: auto;
}
a { color: #0000ff; text-decoration: none; }
a:visited { color: #0000FF; text-decoration: underline; }
a:hover { color: #0000FF; text-decoration: underline; }
a:active { color: #000000; font-size: 100%; }
a.current { color: #4B5571; font: 16px Arial, Georgia, serif; }
.current { margin-left: 7px; text-decoration: underline; font-weight: bold; }
.alignleft { float: left; }
.hizz { display: none; }
.btn { cursor: pointer; } .content {
line-height: 24px !important;
font: 17px Arial, Georgia, serif;
margin: 15px 30px 30px 15px;
}
h1.title {
text-align: center;
margin: 15px;
font: 27px Tahoma;
}
h2.title {
text-align: center;
margin: 15px;
font: 27px Tahoma;
clear: both;
}
h3.title {
font: 22px Tahoma;
text-decoration: underline;
}
h1.head {
font: bold 22px Century Gothic;
color: #797486;
padding-top: 17px;
text-align: left;
text-shadow: 0 0 1px #4D4D4D;
font-weight: normal !important;
font-style: normal !important;
font-size: 25px;
color: #000000 !important;
line-height: 0.9em !important;
word-spacing: 0.15em !important;
letter-spacing: 0.04em !important;
}
h2.sub-head {
font-size: 17px !important;
font-weight: normal;
line-height: 1.1em !important;
margin-top: 18px;
margin-bottom: 0px;
text-shadow: 0 0 1px #4D4D4D;
}
h2.head {
font: 22px Arial Narrow, Gungsuh;
color: #08032C;
text-align: center;
padding-top: 5px;
}
h3.subtit {
font: 18px Tahoma, Arial Narrow, Gungsuh;
color: #08032C;
text-align: center;
background-color: #E8F0F7;
border: 1px solid #ccc;
padding: 5px;
}
h3.img-page {
color: #24243E;
text-align: center;
font: 18px Gungsuh, Tahoma, Arial Narrow;
text-decoration: underline;
padding: 7px;
}
h3.home-title {
clear: both;
text-align: left;
margin: 0px auto;
font: 20px Gungsuh, Helvetica, sans-serif;
}
h3.title-home {
text-align: center;
margin-right: 147px;
margin-bottom: -4px;
clear: both;
}
h3.widget-title {
margin-top: 10px;
margin-bottom: -14px;
font-weight: bold;
font-size: 16px;
}
h4.sourc {
text-align: center;
margin: 16px auto;
font: 18px Arial Narrow, Gungsuh, Helvetica, sans-serif;
text-decoration: none;
background-color: lightyellow;
padding: 5px;
border: 1px dotted gray;
}
h5.temp {
font: bold 20px Arial Narrow, Gungsuh;
color: #08032C;
text-align: center;
margin: -9px;
text-decoration: underline;
}
p#foot {
font: bold 17px Arial Narrow, Gungsuh;
color: #244343;
text-decoration: underline;
margin-bottom: 2px;
}
.breadcrumbs { font-size: 12px !important; text-decoration: none; }
.entry p { margin-bottom: 15px; }
.baa { text-align: center; padding: 7px; }
#vid { text-align: center; font: 22px Tahoma; }
#prenex { text-align: center; }
#rel { font-weight: normal; text-align: center; }
h4#rel { clear: both; padding-top: 25px; } #home-top {
background-color: #FFFFFF;
width: 101%;
position: fixed;
z-index: 10;
margin-top: -12px;
padding-top: 10px;
display: table;
border-bottom: 1px solid #AFAFB7;
margin-left: -10px;
margin-right: 10px;
min-width: 200px;
}
div#top {
display: table;
border: 0;
float: left;
margin-left: 25px;
margin-right: -5px;
}
div#top-right {
display: table;
border: 0;
float: left;
margin-top: -22px;
}
#top-right-ph {
font: bold 17px Century Gothic !important;
text-decoration: none;
}
div#top-right-ph {
display: table;
padding-top: 5px;
padding-left: 12px;
border-left: 1px solid #ddd;
margin-left: 650px;
}
#top-right-mob { display: none; }
#img-logo { width: 80px; margin-right: 20px; }
.main-tab {
position: relative;
width: 100%;
height: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 1px;
display: table;
border-bottom: 1px solid #ddd;
}
.left-col {
position: absolute;
width: 19%;
left: 0;
top: 75px;
}
.mid-col {
margin-top: 95px;
margin-left: 20%;
width: 59%;
border-left: 1px dashed #ddd;
border-right: 1px dashed #ddd;
}
.right-col {
position: absolute;
width: 20%;
right: 10px;
top: 75px;
}
#footer {
font: 12px Arial, Tahoma;
text-align: center;
}
.amenu, #menu {
visibility: hidden;
position: absolute;
} .tel {
text-decoration: none;
color: #000;
cursor: default;
font: bold 16px Tahoma, Arial Narrow, Gungsuh !important;
}
.tel-foot {
text-decoration: none !important;
color: #000 !important;
cursor: default;
}
a:visited.tel { color: #000000 !important; text-decoration: none !important; }
a:link.tel    { color: #000000 !important; text-decoration: none !important; }
a:active.tel  { color: #000000 !important; text-decoration: none !important; }
a:hover.tel   { color: #000000 !important; text-decoration: none !important; }
.email { word-break: break-all; cursor: pointer !important; text-decoration: underline; }
#placeorder { transition: all .1s ease-in-out; width: 55%; }
#placeorder:hover { transform: scale(1.01); } .widget-container li, li.widget-container { list-style: none !important; }
.widget-container { margin-left: 20px; margin-top: 20px; }
.widget-container ul { margin-left: -40px; font-size: 14px; } .commentlist li { list-style-type: none; overflow: hidden; }
li.comment { border: 2px solid #EFD7F0; margin: 15px; padding: 10px; }
.comment-meta { padding-bottom: 20px; }
.avatar { float: left; padding: 7px; }
#respond h3 { clear: both; }
#comments-wrap {
border: 1px dotted #ccc;
padding-right: 10px;
}
.answ {
font: 17px Tahoma, Arial Narrow, Gungsuh;
color: #08032C;
background-color: #E8F0F7;
border: 2px dotted #ccc;
padding: 5px;
}
.answ-low {
font: 17px Tahoma, Arial Narrow, Gungsuh;
border: 0;
padding: 5px;
}
#ask-head {
font-family: Century Gothic, serif;
font-size: 20px;
margin-bottom: 5px;
padding-top: 25px;
clear: both;
}
#ask-head a { text-decoration: none; } input[type=text] {
font-family: Arial, Sans-Serif;
font-size: 15px;
margin-bottom: 5px;
padding: 4px;
border: solid 1px #85b1de;
width: 40%;
box-sizing: border-box;
}
input[type=email] {
font-family: Arial, Sans-Serif;
font-size: 15px;
margin-bottom: 5px;
padding: 4px;
border: solid 1px #85b1de;
width: 40%;
box-sizing: border-box;
}
textarea {
font-family: Arial, Sans-Serif;
font-size: 15px;
margin-bottom: 5px;
padding: 4px;
border: solid 1px #85b1de;
width: 75%;
box-sizing: border-box;
}
.area {
font-family: Arial, Sans-Serif;
font-size: 14px;
margin-bottom: 8px;
margin-top: 8px;
padding: 2px;
border: solid 1px #85b1de;
width: 35%;
}
.form_elements { font: 15px Tahoma, Helvetica; }
.emm { box-sizing: border-box; }
input#enterVerify[type=text] { width: 60px; }
input#s[type=text] { width: 80%; }
input[type=submit] {
font-weight: 600;
cursor: pointer;
background-color: #6161ff;
color: #FFFFFF;
height: 43px;
width: 299px;
text-transform: uppercase;
border: solid 1px #85b1de;
font-size: 17px;
}
input[type=submit]:hover {
background-color: #6161ff;
color: #FFFFFF;
border: solid 1px #000000;
}
#submit:hover { border: solid 1px #000000; }
input#searchsubmit {
background-color: #67789E;
color: #FFFFFF;
height: 33px;
width: 40%;
border: solid 1px #DADADA !important;
font: 14px Play;
}
input#searchsubmit:hover { border: solid 1px #000000; }
input#searchsubmit2 {
background-color: #648BF2;
color: #FFFFFF !important;
height: 43px;
margin-top: 25px;
border: solid 1px #DADADA !important;
}
input#searchsubmit2:hover { border: solid 1px #000000; background-color: #9DA0E3; }
input#question {
height: 28px;
width: 188px;
text-transform: uppercase;
border: solid 1px #85b1de;
font: bold 13px Gungsuh, Helvetica, sans-serif;
margin-left: 3px;
}
button#submit {
height: 35px;
width: 180px;
text-transform: uppercase;
font: 16px Arial, Helvetica, sans-serif;
}
input[type=file] { cursor: pointer; }
input[type=file]::-webkit-file-upload-button { cursor: pointer; }
#verifyNum { font-family: Georgia, serif; } .image {
padding: 2px;
border: 1px dotted #000;
background-color: #fff;
}
.image-home {
padding: 2px;
border: 1px dotted #000;
width: 98%;
}
.content #image {
border: 1px solid #ddd;
background-color: #f3f3f3;
padding: 7px;
margin: 10px;
float: left;
text-align: center;
}
.content .im-con {
border: 1px solid #ddd;
background-color: #f3f3f3;
text-align: center;
}
.img-head {
font: bold 14px Tahoma, Arial Narrow, Gungsuh;
text-align: center;
margin-bottom: 1px;
color: #151586;
text-decoration: underline;
}
.img-block {
margin-left: auto;
margin-right: auto;
width: 121%;
}
#large {
border-radius: 3%;
display: block;
margin-left: auto;
margin-right: auto;
}
.attachment-thumbnail { float: left; margin: 10px; }
.exe { margin-top: 10px; float: right; }
.eug { margin-right: 10px; float: left; }
.thumb-gal-home {
border: 1px solid #ccc;
background-color: #f3f3f3;
padding-left: 15px;
padding-right: 10px;
padding-bottom: 25px;
padding-top: 15px;
margin-left: 1px;
margin-right: 15px;
margin-bottom: 17px;
width: 39%;
float: left;
font: 15px Arial, Georgia, serif;
}
.thumb-gal {
border: 1px solid #ccc;
background-color: #f3f3f3;
padding-left: 15px;
padding-right: 10px;
padding-bottom: 25px;
padding-top: 15px;
margin-left: 1px;
margin-right: 15px;
margin-bottom: 17px;
width: 39%;
float: left;
font: 15px Arial, Georgia, serif;
height: 545px;
}
.thumb-gal img {
margin: 10px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
max-height: 100%;
}
.thumb-gal a p {
margin: 2px;
float: left;
color: #000000;
text-decoration: none;
height: 30px;
}
.thumb-gal p a:link, .thumb-gal p a:visited, .thumb-gal p a:active, .thumb-gal p a:hover {
color: #000000;
text-decoration: none;
}
span#more { color: #0000ff; text-decoration: underline; }
.title-gal { margin-top: auto; }
.title-gal a:visited { color: #052776; text-decoration: none; }
.title-gal a:link    { color: #0000FF; text-decoration: none; }
.title-gal a:active  { color: #0000FF; font-weight: normal; }
.title-gal a:hover   { color: #6600AD; text-decoration: underline; }
h3.title-gal {
text-align: center;
display: block;
}
.thumb-gal-sim {
border: 1px solid #ccc;
background-color: #f3f3f3;
padding: 15px;
padding-bottom: 15px;
padding-top: 0px;
margin-left: 1px;
margin-right: 15px;
margin-bottom: 15px;
width: 39%;
float: left;
font: 13px Arial, Georgia, serif;
}
.thumb-gal-sim img {
width: 98%;
margin: 10px;
margin-left: 4px;
margin-right: 4px;
}
.h-blok { height: 30px; text-align: center; }
.title-sim { margin-bottom: -7px; text-align: center; }
.thumbnail { position: relative; z-index: 0; }
.thumbnail:hover { background-color: transparent; z-index: 50; }
.thumbnail span {
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img { border-width: 0; padding: 2px; }
.thumbnail:hover span {
visibility: visible;
top: -330px;
left: -360px;
} .wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
#myBtn { color: #0000ff; text-decoration: underline; cursor: pointer; }
#ymore { display: none; }
.read-more-state { display: none; }
.read-more-target { opacity: 0; max-height: 0; font-size: 0; transition: .25s ease; }
.read-more-state:checked ~ .read-more-wrap .read-more-target { opacity: 1; font-size: inherit; max-height: 999em; }
.read-more-state ~ .read-more-trigger:before { content: 'Show more'; }
.read-more-state:checked ~ .read-more-trigger:before { content: 'Show less'; }
.read-more-trigger { cursor: pointer; display: inline-block; padding: 0 .5em; color: #666; font-size: .9em; line-height: 2; border: 1px solid #ddd; border-radius: .25em; }
.recent-views img { border-radius: 9%; padding: 2px; border: 1px dotted #000; background-color: #fff; }
.yelp-avatar { border-radius: 50%; width: 90px; }
.wpproslider_t4_IMG_2 { height: 95px !important; width: 95px !important; }
.wp-video { padding: 7px; text-align: center; }
.inbound-field { width: 100% !important; }
.yarpp-thumbnails-horizontal .yarpp-thumbnail { width: 120px !important; }
.yarpp-thumbnail-title { font: 10px Arial Narrow, sans-serif; }
.yarpp-related .yarpp-thumbnail-title { font-weight: bold; font-size: 80% !important; }
.wework-l { float: left; padding-right: 15px; padding-bottom: 10px; }
.wework-r { border-left: 1px solid #ddd; display: table; }
.imba { margin-left: 34%; width: 450px; }
#order { border-bottom: 2px solid #EFD7F0; }
#order a { font-weight: normal; color: #0063CE; text-decoration: underline; }
#call { margin-top: 4px; }
.gridcontainer h2 a { color: #333; font-size: 13px; }
.gridcontainer .griditemleft { float: left; width: 150px; margin: 0 30px 20px 0; }
.gridcontainer .griditemright { float: left; width: 150px; }
.gridcontainer .postimage { margin: 0 0 5px 0; }
.gridcontainer .postimage-title { text-align: center; }
div.container { margin: 15px; display: table; margin-left: auto; margin-right: auto; }
div.left, div.right { float: left; padding: 10px; }
div.left { background-color: #D1D1F7; }
div.right { background-color: #D1D1D1; } table#top { background-color: #FFFFFF; border: solid #E8F3FF 1px; width: 100%; }
table#bottom { height: 142px; border: solid #ccc 1px; }
table.gridtable {
border-width: 0px;
border-color: #98ADE0;
border-collapse: collapse;
width: 100%;
}
table.gridtable th {
font: bold 16px Century Gothic;
font-size: 15px;
width: 50%;
vertical-align: text-top;
border-width: 1px;
padding: 8px;
border-style: solid;
border-color: #98ADE0;
background-color: #E5E8ED;
}
table.gridtable td {
font-size: 15px;
width: 50%;
vertical-align: text-top;
border-width: 1px;
padding: 8px;
border-style: dashed;
border-color: #98ADE0;
background-color: #ffffff;
}
.thumb-left img, .thumb-right img {
width: 200px;
height: 200px;
float: left;
margin-bottom: 8px;
}
.thumb-left, .thumb-right {
border: 1px solid gray;
background-color: #f3f3f3;
padding: 14px;
margin: 10px;
width: 200px;
max-height: 310px;
float: left;
text-align: center;
}
input.form_elements { }
#emwid { font: 12px Euphemia, Arial; }
#rc_widget-2 { list-style: none !important; margin-left: -40px; } @media only screen and (max-width: 1600px) {
.thumb-gal { height: 525px; }
}
@media only screen and (max-width: 1400px) {
.thumb-gal { height: 480px; }
}
@media only screen and (max-width: 1200px) {
.thumb-gal { height: 435px; }
} @media only screen and (max-width: 1000px) {
body { font: 17px Arial, Georgia, serif; } .mid-col {
margin-top: 0;
margin-left: 0;
width: 99%;
border-left: 0;
border-right: 0;
}
.left-col {
width: 49%;
position: relative;
float: left;
border-top: 2px dotted #6A52C6;
border-right: 2px dotted #6A52C6;
margin-top: -70px;
}
.right-col {
position: relative;
border-top: 2px dotted #6A52C6;
float: right;
margin-top: -70px;
width: 49%;
}
.main-tab {
width: 100%;
border: 1px dashed #313189;
} #home-top {
background-color: #FFFFFF;
width: 100%;
position: relative;
z-index: 10;
margin-top: -12px;
display: table;
border-bottom: 0;
}
div#top {
border: 0;
float: left;
margin-left: 3px;
margin-right: -15px;
margin-top: 3px;
margin-bottom: 3px;
}
div#top-right-ph {
display: table;
margin-left: 0;
margin-top: -1px;
border-top: 1px solid #A29595;
width: 102%;
padding-top: 5px;
padding-bottom: 7px;
}
div#top-right-mob {
display: table;
padding-left: 8px;
} .amenu {
position: relative;
font-weight: bold;
border-bottom: 2px dotted #6363A6;
visibility: visible;
display: block;
padding: 5px;
}
#menu {
position: relative;
font-weight: bold;
visibility: visible;
width: 97%;
padding: 5px;
}
.menu-top {
position: relative;
font-weight: bold;
border-top: 2px dotted #6363A6;
visibility: visible !important;
display: block;
width: 97%;
padding: 5px;
text-align: center;
}
.menu-bott {
display: table;
border-top: 1px dashed #313189;
visibility: visible !important;
text-align: center;
} .tel {
font-family: Georgia, Times New Roman, Times, serif;
text-decoration: underline !important;
color: #0000FF;
cursor: pointer !important;
font-weight: bold;
}
.tel-foot { color: #0000FF; cursor: pointer !important; }
a:visited.tel { color: #0000ff !important; text-decoration: underline !important; }
a:link.tel    { color: #0000ff !important; text-decoration: underline !important; }
a:active.tel  { color: #0000ff !important; text-decoration: underline !important; }
a:hover.tel   { color: #0000ff !important; text-decoration: underline !important; }
.email { cursor: pointer !important; text-decoration: none !important; word-break: break-all; font-size: 12px; } .thumb-gal {
border: 1px solid #ccc;
background-color: #f3f3f3;
padding-top: 25px;
margin: 10px;
width: 95%;
float: left;
font: 19px Arial, Georgia, serif;
height: 100%;
}
.thumb-gal-sim {
border: 1px solid #ccc;
background-color: #f3f3f3;
padding: 10px;
margin: 10px;
width: 95%;
float: left;
font: 19px Arial, Georgia, serif;
height: 100%;
}
.img-block { margin-left: auto; margin-right: auto; width: 95%; text-align: center; }
img.gallery { height: 90%; }
#placeorder { width: 135px; }
a { margin: 2px; } h3.title, h2.title { text-align: center; margin: 0px auto; font: 21px Euphemia, Arial; margin-top: 10px; }
h3.title { font: 17px !important; font-weight: bold !important; }
h3.title-home { text-align: center; margin-right: 0; margin-bottom: 0; font: 25px Tahoma; text-decoration: underline; clear: both; }
h3.home-title { text-align: left; margin: 0px auto; font: 19px Gungsuh, Helvetica, sans-serif; }
h3.title-left, h3.title-right { font-size: 14px; text-align: center; margin-top: 1px; }
#ask-head { font-family: Arial, serif; font-size: 17px; margin-bottom: 5px; }
#order { font-family: Arial, serif; font-weight: bold; }
#order a { font-weight: bold; color: #0000ff; text-decoration: underline; }
.content p { margin: 10px; } .area { width: 53%; }
input[type=submit] { cursor: pointer; background-color: #556aff; color: #FFFFFF; height: 43px; width: 100%; text-transform: uppercase; border: solid 1px #85b1de; font-size: 17px; }
input#s[type=text] { width: 90%; }
input#searchsubmit { background-color: #D6D6D6; color: #3B3B4D; height: 28px; width: 60%; text-transform: uppercase; border: solid 1px #85b1de; font: bold 12px Gungsuh, Helvetica, sans-serif; margin-left: 3px; }
input#question { background-color: #E0E3E8; color: #3B3B4D; }
button#submit { background-color: #85C74D; color: #E8F5FD; border: solid 2px #78AA50; font: bold 16px Gungsuh, Helvetica, sans-serif; } a:hover { color: #03033E; text-decoration: underline; }
a:visited { color: #0000ff; text-decoration: none; }
a:link { color: #0000ff; text-decoration: none; }
a:active { color: #000000; font-size: 100%; }
a:visited.gallery { color: #0000ff; text-decoration: none; }
a:link.gallery    { color: #0000ff; text-decoration: none; }
a:active.gallery  { color: #000000; font-weight: normal; }
a:hover.gallery   { color: #0000ff; text-decoration: underline; }
.textwidget a:hover { color: #03033E; text-decoration: underline; }
.textwidget a:link { color: #0000ff; text-decoration: none; }
.textwidget a:visited { color: #1C1C67; text-decoration: none; }
.textwidget a:active { color: #000000; font-size: 100%; }
#nav-right { line-height: 170%; font-weight: bold; color: #0000ff; }
#nav-left { color: #0000ff; display: block; border-bottom: 2px dotted #6A52C6; }
#footer { font: 12px Arial, Tahoma; text-align: center; margin-top: 10%; }
.img-head { font: bold 14px Tahoma, Arial Narrow, Gungsuh; text-align: center; }
} @media only screen and (max-width: 768px) {
div#top-right {
display: table;
border: 0;
float: none;
margin-top: 0;
}
h1.head {
font-family: 'Play' !important;
font-size: 22px !important;
font-weight: bold;
color: #050517;
margin-top: 10px;
padding-top: 5px;
}
h2.sub-head {
font-family: 'Jura' !important;
font-size: 17px !important;
line-height: 1.1em !important;
margin-top: -8px;
margin-bottom: 0;
color: #404852;
}
div#top-right-ph {
display: table;
margin-left: 0;
margin-top: 8px;
border-left: 0;
}
#img-logo { width: 80px; }
#home-top {
margin-top: -10px;
} input[type=text] { width: 90%; }
input[type=email] { width: 90%; }
textarea { width: 95%; }
.area { width: 80%; }
a { display: inline-block; }
} @media only screen and (max-width: 325px) {
h2.sub-head { display: none; }
#img-logo { width: 98px; }
h1.head { padding-left: 5px; }
}