@font-face{
        font-family:"ITC New Baskerville W01_n6";
        src:url("Fonts/e1371dcd-bb6b-46eb-be3f-dce0baa27290.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"ITC New Baskerville W01";
        src:url("Fonts/e1371dcd-bb6b-46eb-be3f-dce0baa27290.eot?#iefix");
        src:url("Fonts/e1371dcd-bb6b-46eb-be3f-dce0baa27290.eot?#iefix") format("eot"),url("Fonts/71885abb-ebe6-4f88-9b12-c9b215e4d20e.woff2") format("woff2"),url("Fonts/1aaa7f97-13e6-434b-bafc-9585a6e6ce51.woff") format("woff"),url("Fonts/829c2725-0646-4207-9404-001f8821ffb9.ttf") format("truetype");
font-weight: 600;
font-style: normal;
    }
    @font-face{
        font-family:"ITC New Baskerville W01_n7";
        src:url("Fonts/7a09327b-656d-402a-b8e5-eafc77d2b5ac.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"ITC New Baskerville W01";
        src:url("Fonts/7a09327b-656d-402a-b8e5-eafc77d2b5ac.eot?#iefix");
        src:url("Fonts/7a09327b-656d-402a-b8e5-eafc77d2b5ac.eot?#iefix") format("eot"),url("Fonts/10eba998-94a0-4e0e-a82a-8fc9d5ed74c7.woff2") format("woff2"),url("Fonts/300e7763-c1d0-437d-8f27-70b1d7f9a085.woff") format("woff"),url("Fonts/70e9512c-6487-4d82-9a4a-6c7245f85a48.ttf") format("truetype");
font-weight: 700;
font-style: normal;
    }
    @font-face{
        font-family:"ITC New Baskerville W01_i7";
        src:url("Fonts/9fe15233-5beb-45c6-8c8a-55ddf8bf232a.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"ITC New Baskerville W01";
        src:url("Fonts/9fe15233-5beb-45c6-8c8a-55ddf8bf232a.eot?#iefix");
        src:url("Fonts/9fe15233-5beb-45c6-8c8a-55ddf8bf232a.eot?#iefix") format("eot"),url("Fonts/b6fbcd49-988f-4b7f-be90-589379d61665.woff2") format("woff2"),url("Fonts/0f7af0c7-6e3a-4ea1-a06d-c71caf186bc8.woff") format("woff"),url("Fonts/7d030ffc-a670-457c-a351-2c59907fadf6.ttf") format("truetype");
font-weight: 700;
font-style: italic;
    }
    @font-face{
        font-family:"Neutro W01_n3";
        src:url("Fonts/9a8457ee-71ca-48f1-84dc-aecd89a775b3.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/9a8457ee-71ca-48f1-84dc-aecd89a775b3.eot?#iefix");
        src:url("Fonts/9a8457ee-71ca-48f1-84dc-aecd89a775b3.eot?#iefix") format("eot"),url("Fonts/393632c2-964a-4f1e-845e-9eb88e9c3c9f.woff2") format("woff2"),url("Fonts/5181c770-3d57-4a67-97fc-2f172884473c.woff") format("woff"),url("Fonts/969caafd-19f4-49df-b847-b2b4053a03e7.ttf") format("truetype");
font-weight: 300;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_i3";
        src:url("Fonts/67bacc3b-fef6-4dae-b3e3-24f29cdf2282.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/67bacc3b-fef6-4dae-b3e3-24f29cdf2282.eot?#iefix");
        src:url("Fonts/67bacc3b-fef6-4dae-b3e3-24f29cdf2282.eot?#iefix") format("eot"),url("Fonts/4034433c-579d-434f-800f-d421d0753d53.woff2") format("woff2"),url("Fonts/46ce563e-6065-4b1d-b1a7-885db926d168.woff") format("woff"),url("Fonts/ca2a2793-41f1-4af7-93f1-e7ac8db4ba57.ttf") format("truetype");
font-weight: 300;
font-style: italic;
    }
    @font-face{
        font-family:"Neutro W01_n5";
        src:url("Fonts/184797e0-52c4-4795-b9e4-aff9d5b2afd4.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/184797e0-52c4-4795-b9e4-aff9d5b2afd4.eot?#iefix");
        src:url("Fonts/184797e0-52c4-4795-b9e4-aff9d5b2afd4.eot?#iefix") format("eot"),url("Fonts/efb6c689-a99f-4c38-8941-dac034e06066.woff2") format("woff2"),url("Fonts/3de436db-1440-4f0b-a556-918204ce3048.woff") format("woff"),url("Fonts/529bf473-691c-431d-b702-2bd8e2665c69.ttf") format("truetype");
font-weight: 500;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_n6";
        src:url("Fonts/bfc52ffe-ccf9-456d-a87b-4caf21ec4d9a.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/bfc52ffe-ccf9-456d-a87b-4caf21ec4d9a.eot?#iefix");
        src:url("Fonts/bfc52ffe-ccf9-456d-a87b-4caf21ec4d9a.eot?#iefix") format("eot"),url("Fonts/47cadcd1-a3ed-4749-974b-073367f956e3.woff2") format("woff2"),url("Fonts/322dfb2d-2aa2-425b-a969-30ce873eeeb3.woff") format("woff"),url("Fonts/fe5dbb8e-5d4f-4147-adc9-5fbc68fc3ff2.ttf") format("truetype");
font-weight: 600;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W01_i6";
        src:url("Fonts/1fa6e4b1-2ca0-4ffd-9bc2-787dec22996b.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/1fa6e4b1-2ca0-4ffd-9bc2-787dec22996b.eot?#iefix");
        src:url("Fonts/1fa6e4b1-2ca0-4ffd-9bc2-787dec22996b.eot?#iefix") format("eot"),url("Fonts/a4853a59-fe88-4661-865d-7ce90e7fa7a2.woff2") format("woff2"),url("Fonts/6cae0f57-a295-4e2a-bcb1-5bbe749ecdf3.woff") format("woff"),url("Fonts/26f17719-bf2d-422a-9fba-423175741734.ttf") format("truetype");
font-weight: 600;
font-style: italic;
    }
    @font-face{
        font-family:"Neutro W01_n7";
        src:url("Fonts/6c4e92f8-aca1-45b3-a10a-ad6630753815.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W01";
        src:url("Fonts/6c4e92f8-aca1-45b3-a10a-ad6630753815.eot?#iefix");
        src:url("Fonts/6c4e92f8-aca1-45b3-a10a-ad6630753815.eot?#iefix") format("eot"),url("Fonts/4371cfd3-8be3-4261-8360-5d4236882672.woff2") format("woff2"),url("Fonts/61fe0a56-70e6-42d6-8f03-f2716ee2cd23.woff") format("woff"),url("Fonts/dc3fe196-5a17-450c-aea6-2d222915c646.ttf") format("truetype");
font-weight: 700;
font-style: normal;
    }



/*
#e8cb56
#7b0606
#3d3b3d
*/

*{box-sizing: border-box;}
html{width:100%; height:100%; padding:0px; margin:0px;}
body{width:100%; min-height: 100%; overflow-x: hidden; padding:0px; margin:0px; letter-spacing: 1px; font-size: 18px;  background-color:#FFF; color:#343434; font-family: 'Neutro W01', sans-serif; font-weight:300;}


#BodyWrap{width:100%;}
.warning{color:#a20202; font-weight: 700; line-height: 1.4em;}
p{line-height: 1.5em;}
p.emp{color:#2a75aa;}
p.larger{font-size: 22px;}
a{color:#333;}
.highlight{}
figure img{max-width: 100%;}
.smaller{font-size: 0.8em;}
.em-underline em{text-decoration: underline; font-style: normal;}
.no-wrap{white-space: nowrap;}
.content-wrap{width:100%; max-width: 1240px; margin:0px auto; position: relative; display: block; }
.content-wrap:after{content:''; display: block; clear: both;}
.content-wrap.padding-bottom{padding-bottom: 64px;}
.content-wrap.padding-top{padding-top:64px;}
.text-wrap{max-width: 900px; margin-left: auto; margin-right: auto;}

.astrisk{font-size: 0.8em; font-style: italic; line-height: 1.2em;}
.center{text-align: center; margin-left:auto; margin-right: auto; display: block;}
.table-content{display: table; width:100%;}
.table-content .spacer{display: table-cell;}
.table-row{display: table-row;}
.table-cell{display: table-cell; vertical-align: top;}
.twelve{width:100%;}
.eleven{width:91.66%}
.ten{width:83.32%}
.nine{width:75%;}
.eight{width:66.66%;}
.seven{width:58.33%}
.six{width:50%;	}
.five{width:41.37%}
.four{width:33.33%;}
.three{width:25%;}
.two{width:16.66%;}
.one{width:8.333%;}
.golden-large{width:61.8%;}
.golden-small{width:38.2%;}
.padd-left{padding-left:16px;}
.padd-right{padding-right:16px;}
.padd-both{padding-left:16px; padding-right:16px;}
.padded{padding:24px;}
.clear{clear:both;}
.learn-more{}
.red-text{color:#803022;}
meter#password-strength-meter{width:100%;}
a.anchor{position: relative; top:-350px;}

hr.large{display: block; height: 24px; border:none; background-color:#999;}
hr.blue{background-color:#43a7c7;}
hr.red{background-color:#eb1c24;}
hr.green{background-color:#a5cd39;}
hr.purple{background-color:#707ea3;}

.flex-content{display: flex;}
.flex-content.row{flex-direction: row;}
.flex-content.row-reverse{flex-direction: row-reverse;}
.flex-content.column{flex-direction: column;}
.flex-content.column-reverse{flex-direction: column-reverse;}
.flex-content.justify-content-stretch{justify-content: stretch;}
.flex-cell.twelve{flex-basis:100%;}
.flex-cell.eleven{flex-basis:91.66%}
.flex-cell.ten{flex-basis:83.32%}
.flex-cell.nine{flex-basis:75%;}
.flex-cell.eight{flex-basis:66.66%;}
.flex-cell.six{flex-basis:50%;	}
.flex-cell.four{flex-basis:33.33%;}
.flex-cell.three{flex-basis:25%;}
.flex-cell.two{flex-basis:16.66%;}
.flex-cell.one{flex-basis:8.333%;}
.flex-cell.golden-large{flex-basis:61.8%;}
.flex-cell.golden-small{flex-basis:38.2%;}


/*Form Styling */

label{ display: inline-block;   padding:4px 8px; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"]{display: block; width:100%; font-size:18px; padding:8px 12px; border:1px solid #999; border-radius: 3px; margin:4px 0px 12px 0px; }


input[type="text"].six,
input[type="number"].six,
input[type="email"].six,
input[type="tel"].six{width:49%; margin-right: 2%; display: inline-block; vertical-align: top;}

input[type="text"].no-margin,
input[type="number"].no-margin,
input[type="email"].no-margin,
input[type="password"].no-margin,
input[type="tel"].no-margin{margin:0px;}

input[type="text"].six:last-child,
input[type="number"].six:last-child,
input[type="email"].six:last-child,
input[type="tel"].six:last-child{margin-right: 0px;}

textarea{display: block; width:100%; height:250px; font-size:18px; padding:8px 12px; border:1px solid #888; border-radius: 3px; margin:4px 0px 12px 0px;}
.radio label{display: inline-block; margin-right:12px;}
input[type="radio"]{margin-right:12px;}
input[type="date"],
input[type="time"]{display: inline-block; font-size: 18px; padding:8px 12px; border:1px solid #666; color:#999; border-radius: 3px; margin:4px 0px 12px 0px;}
fieldset{border:1px solid #666; margin:0px 0px 32px;}

select{font-size: 18px; padding:8px 12px; border-radius: 4px; color:#999; margin:4px 0px 12px 0px; display: inline-block; max-width: 100%; text-overflow: ellipsis; background-color:#fff;}
select:disabled{background-color:#ddd;}
input[type="submit"]{font-size: 18px; display: inline-block; padding:8px 16px; border:1px solid #999; background:none; background-color:#eee; box-shadow: rgba(0,0,0,0.4) 1px 1px 0px 0px; margin-top:18px; transition:all 0.3s ease-out; color:#666; cursor: pointer;}
input[type="submit"]:hover{ box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px; }
textarea.invalid,
input[type="text"].invalid,
input[type="number"].invalid,
input[type="tel"].invalid,
input[type="password"].invalid,
input[type="date"].invalid,
input[type="email"].invalid,
input[type="time"].invalid{border-color:#a12d3a; background-color:#f7b1b8;}

meter{/*-webkit-appearance: none; -moz-appearance: none; appearance: none;*/ margin:0 auto 1em; width:100%; height: 0.5em; background:none; background-color:rgba(0,0,0,0.1); }
meter::-webkit-meter-bar{background:none; background-color:rgba(0,0,0,0.1);}
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="3"]::-webkit-meter-optimum-value { background: orange; }
meter[value="4"]::-webkit-meter-optimum-value { background: green; }
meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: yellow; }
meter[value="3"]::-moz-meter-bar { background: orange; }
meter[value="4"]::-moz-meter-bar { background: green; }


input[type="submit"].button,
.button{ color:#fff; text-decoration: none; padding:16px 16px; box-shadow: rgba(0,0,0,0.4) 1px 1px 3px; border:1px solid #fff; border-radius: 0px; text-align: center; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; transition:all 0.3s ease-in-out; background-color:#401010; cursor: pointer; border-radius: 4px; font-weight: 700;}
.button:before{content:''; display: block; width:auto; height: auto; border:1px solid #e8cb56; position: absolute; top:0px; bottom:0px; left:0px; right:0px;margin:4px; border-radius: 2px;}
input[type="submit"].button:hover,
.button:hover{ box-shadow: rgba(0,0,0,0.7) 1px 1px 3px; }

.button.schedule-button{max-width: 220px;}
input[type="submit"].button{padding:12px 16px; font-size: 14px;}

.column_list{ column-count: 3; column-gap: normal;}
.column_list.col1{column-count: 1;}
.column_list.col2{column-count: 2;}
.column_list.col4{column-count: 4;}
.column_list li{margin-bottom: 1.5em; break-inside: avoid;}

.data-table {border:1px solid #343434; border-collapse: collapse; width:100%;}
.data-table td,
.data-table th{border:1px solid #343434; padding:8px 12px; font-size: 14px;}
/*.data-table tr:nth-child(2n) td{background-color:#eee;}*/

.submit-wrap input[type="submit"].button{position: static; margin:0px; padding:8px 32px;}
.submit-wrap{display: inline-block; position: relative; overflow: hidden; box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px;}
.submit-wrap:before{height: 200%; width:8px; border-left:22px solid rgba(255,255,255,0.1); border-right:5px solid rgba(255,255,255,0.2); transform: rotate(40deg) translateX(-500px); transform-origin: center; transition:all 0.3s ease-in-out; position: absolute; left:15px; top:-50%; display: block; content:''; cursor: pointer;}
.submit-wrap:hover{box-shadow: rgba(0,0,0,0.4) 1px 1px 2px 2px;}
.submit-wrap:hover:before{transform: rotate(40deg) translateX(0px);}

.forgot-password a{color:#fff; font-size: 14px; text-align: center; font-weight: 200; text-decoration: none;}
.call-to-action{background-color:#43a7c7; border-radius: 4px; max-width: 800px; margin:24px auto; padding:48px 74px; color:#fff; border:10px solid #efefef; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px;}


#bgPopup{ display:none; position:fixed; height:100%;  width:100%; top:0;left:0;background:#ffffff; z-index:999;}   
#Popup{ display:none; z-index:999;top:0px; left:0px; width:100%; height: 100%; padding:0px; position: fixed; overflow-y: auto; margin-bottom: 0px; background-color:#fff;}    

/* Popup interior panel settings */


.PopupInter{width:100%; height: 100%;  position: relative; max-width: 1400px; margin-left:auto; margin-right: auto;}
.PopupPanel{background-color:#FFF;margin-top:0px;padding:151px 48px 112px; min-height: 100%; position: relative; overflow-y: auto;}
.PopupInter .hide{position:fixed;right:40px;top:10px;width:44px;height:44px;cursor:pointer; background-image: url(../images/icons/hide.png); transition:all 0.3s ease-in-out; background-size: contain; background-position: center; border:2px solid #a7d3f2; border-radius: 50%; z-index: 999;}
.PopupInter .hide:hover{border-color:#999;}

#Popup.loading .PopupInter:after{display: block; width:100%; height: 100%; opacity: 0.8; content:''; position: absolute; top:0px; left:0px; z-index: 999; background-image: url(../images/icons/gears.svg); background-size: 180px; background-position: center; background-repeat: no-repeat;}

#Popup .title{background-color:#f7d33f; color:#fff; padding:24px 64px 24px; font-weight: 700; font-size: 48px; margin:0px 0px 32px; position: absolute; top:0px; left:0px; width:100%; position: fixed; z-index: 1; border:none;  box-shadow: rgba(0,0,0,0.5) 0px 4px 4px;}
#Popup .title h3{color:#fff; margin:0px; font-size: 48px; position: relative;}
#Popup .title:before{content:''; display: block; width:100%; height:100%; background-color:#2a75aa;  position: absolute; left:0px;  bottom:9px;  box-shadow: rgba(0,0,0,0.5) 0px 4px 4px;}
#Popup hr.orange{display: block;border:none; height: 8px; border-radius: 4px; background-color:#e08a51;}

#Popup:before{ position: fixed; content:'';display: block; width:100%; height: 25px; background-color:#f7d33f;box-shadow: rgba(0,0,0,0.5) 0px -4px 4px; bottom:0px; left:0px; z-index: 1;}
#Popup:after{ position: fixed; content:'';display: block; width:100%; height: 16px; background-color:#2a75aa;box-shadow: rgba(0,0,0,0.5) 0px -4px 4px; bottom:0px; left:0px; z-index: 2;}


.home{}
body{}
header{ transition: all 0.3s ease-in; z-index: 1;  background-color:#853536; padding:8px 0px 1px 0px; position: absolute; top:0px; left:0px; width:100%;}
header:before{content:''; display: block; position: absolute; top:0px; left:0px; width:100%; height: 56px; background-color:#401010;}
header:after{content:''; display: block; position: absolute; top:50px; height: 2px; background-color:#e8cb56; width:100%;}
header .sitename{ color:#fff; font-size:36px; font-weight: 400; line-height: 1.2em; text-transform: uppercase; text-decoration: none;}
header .sitename em{font-style: italic; font-size: 32px; display: block; text-transform: none;}
header .buttons{position: absolute; right:78px; top:-8px;}
header .button{border:none;  font-size:16px; background-color:#fff;font-weight: 700; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color:#151414;}
header .button:before{ border-top:none; border-color:#e8cb56; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin-top:0px; }
.offtop header{}
#mobile-nav{display: none;}

#BodyWrap{ padding-top:56px;}
#Main{border-top:2px solid #e8cb56; margin-top:6px;}

footer{background-color:#401010; color:#fff; position: relative;  overflow: hidden;}
footer:before{content:''; display: block; width:6400px; height: 4800px; border-radius: 50%; border: 2px solid #e8cb56; background-color: #401010; position: absolute; top:10px; left:50%; right: auto; bottom:auto; margin:auto; transform: translateX(-3200px);}
footer a{color:#fff;}
footer .content-wrap{background-image: url(../images/seal.webp); background-size: 264px auto; background-position: center top 24px; background-repeat: no-repeat; padding-top:78px;}
footer .contact{font-size: 0.9em; padding-bottom: 175px;}
footer .tax-commissioner{display: inline-block; padding-right: 32px; text-align: left; vertical-align: middle;}
footer .phone{display: inline-block; vertical-align: middle; text-decoration: none; font-size: 1.5em; margin-top: 12px;}
footer .copyright{ float:right; padding-left: 32px; vertical-align: middle;}
footer .credits{text-align: center; font-size: 0.6em;}

 #Sidebar{display: table-cell; width:350px;  vertical-align: top; position: relative;}
 #Content{display: table-cell; padding-left: 94px;}
 .sidenav{margin-top:32px;}
 .sidenav ul{display: block; margin:0px; padding:0px; list-style: none;}
 .Sidebar nav.sidenav li{margin-bottom: 0px;}
 .sidenav a{display: block; padding:24px 12px; border-bottom: 1px solid #3d3d3d; text-decoration: none; background-color:rgba(128, 163, 91,0); transition:all 0.3s ease-in-out; text-transform: uppercase;}
 .sidenav a:hover{background-color:#e9e7e7; color:#000000;}
 .sidenav .on > a{background-color:#e9e7e7; color:#401010;}
.sidenav a.button{border-bottom: 0px; margin-top:32px; background-color:#401010; color:#fff; font-weight: 700; padding:16px; border-radius: 4px;}
.sidenav a.button:before{border-color:#e8cb56; padding:16px; border-radius: 2px;}
 .sidenav .subsubmenu a{padding-left: 48px;}

#Sidebar figure.intro{width:304px; height: 304px; border-radius: 50%; position: relative; margin:0px; margin-top:-175px; margin-left: auto; margin-right: auto; }
#Sidebar figure.intro img{display: block; max-width: 100%; height: auto; margin:16px; border-radius: 50%;}
.home #Sidebar figure.intro img{width:304px; height: 304px; border-radius: 50%; margin:auto; top:0px; bottom:0px; left:0px; right:0px; position: absolute;}
#Sidebar .tax-commissioner{display: block; text-decoration: none; padding:32px 0px 32px 0px; text-align: center; font-weight: 500; font-size: 0.8em;}
#Sidebar .contact_info{background-color:#401010; position: relative; display: block; color:#fff; padding:16px; margin-top:32px; border-radius: 4px;}
#Sidebar .contact_info .inner-border{ border:1px solid #e8cb56; padding:22px; border-radius: 2px;}
.contact_info h3{font-family: 'Neutro W01', sans-serif; color:#fff; font-size: 1.2em;}
.contact_info a{color:#fff;}

.alert{border:5px solid #aca5a5; padding: 1px;  }
.alert .inner-border{ padding:22px 8px; background-color:#f7f4f4;}
.alert .inner-border p{padding:8px 14px !important;}
.alert h2{font-style: italic; font-size: 32px;}
.alert .inner-border h2:nth-child(1){margin-top:0px;}
.interior .alert{margin-bottom: 64px;}

.paynow{border:5px solid #aca5a5; padding: 1px; margin:48px auto; max-width: 600px; }
.paynow .inner-border{ padding:48px 22px; background-color:#f7f4f4;}


#timer{
    display: flex; background-color:#000; align-items: baseline; justify-content:center;
}
  
  #timer > div {
    display: inline-block;
    line-height: 1;
    padding: 20px;
    font-size: 40px;
    background-color:#000;
  }
  
  #timer span {
    display: block;
    font-size: 20px;
    color: white;
  }
  
  #timer .days {
    font-size: 100px;
    color: #db4844;
  }
  #timer .hours {
    font-size: 100px;
    color: #f07c22;
  }
  #timer .minutes {
    font-size: 100px;
    color: #f6da74;
  }
  #timer .seconds {
    font-size: 50px;
    color: #abcd58;
  }

#Content{padding-top:64px; padding-bottom: 64px;}
.home #hero{ display: block; width:auto; height: 340px; background-color: #091204; background-image: url(../images/hero-home3.jpg); background-size:cover; background-position: center top; background-repeat: no-repeat;}
.home .four-sections{ margin-top:64px;}
.home .four-sections .section{display: inline-block; width:50%; vertical-align: top; margin-bottom: 32px; padding-right: 48px;}
.home .four-sections .section:nth-child(2n){padding-right: 0px; padding-left: 48px;}

a.round.white{width:175px; height: 175px; border-radius: 50%; background:none; border:none; background-color:#fff; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px 2px; display: block; text-decoration: none;}
.home .four-sections .section a{text-transform: uppercase; padding-bottom: 4px; border-bottom: 2px solid #401010; font-size: 1.2em; text-decoration: none; display: inline-block;}
.home .four-sections .section .description{padding-left: 22px; border-left: 2px solid #401010;}
.home .four-sections .section a.round.white{background-size: 60% auto; background-position: center; background-repeat: no-repeat; cursor:pointer; display: block; margin:0px auto 24px; border-bottom: none;}
.home .four-sections .section a#pay-taxes{background-image: url(../images/Tax.svg);}
.home .four-sections .section a#tax-commissioner{background-image: url(../images/Government.svg);}
.home .four-sections .section a#tag-renewal{background-image: url(../images/Car.svg);}
.home .four-sections .section a#exemption{background-image: url(../images/House.svg);}

.home #quicklinks{border:2px solid #401010; padding:24px; margin-top:32px; }
.home #quicklinks ul{column-count: 3;}
.home #quicklinks li{list-style: none; margin-bottom: 16px;}

.bs .row{display: flex; flex-wrap: wrap;}
.bs .row .col-12{width:100%;}
.pb-1{padding-bottom: 0.5rem;}
@media screen and (min-width:768px) {
    .bs .row .col-md-6{width:50%;}
    .pe-md-2{padding-right:1rem; text-align: right;}
    .ps-md-2{padding-left:1rem; text-align: left;}
}

.modal_back .modal.holiday{background-color:#600a0b; background-image: url(../images/holiday-background-repeat.webp); background-size: 100% auto; background-repeat: repeat-y; max-width:1024px; }
.modal.holiday:before{content:''; display: block; position: absolute; top:0px; left:0px; right:0px; bottom:0px;  background-image: url(../images/holiday-background.webp); background-size: 100% auto; background-repeat: no-repeat;}
.modal.holiday .modal-header{border-bottom: none;}
.modal.holiday .modal-footer{border-top: none;}
.modal.holiday .modal-body{color:#fff; padding-top:15%; position: relative; font-size: 1.2rem; font-weight: 600;}
.modal.holiday .modal-body h4{font-size: 2rem;}

@media screen and (max-height:791px) {
    .modal_back .modal.holiday{max-height: 97vh; overflow-y: scroll;}
}


#covid-info{ margin-top:18px; border:1px solid #999; border-radius: 2px; margin-left:8px; padding:16px;}
#covid-info h2{padding-left:78px; color:#000; background-image: url(../images/covid-map-pin.svg); background-repeat: no-repeat; background-position: center left; background-size: contain;}
#covid-info .more{background-color:#ebf7f5; padding:16px; border-left: 3px solid #69aebf;}
#covid-info img{display: block; margin-left: auto; margin-right: auto; max-width: 100%;}

.interior #hero{display: block; width:auto; height: 250px; background-color: #fff; background-image: url(../images/hero.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.interior #hero .content-wrap{height: 100%; z-index: 2;}
.interior #hero > .content-wrap:before{width:146px; height: 146px; background-image: url(../images/seal.webp); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right:0px; top:0px; bottom:0px; left:auto; margin:auto; content:'';}
.interior #Sidebar figure.intro{width:300px; height: 300px; margin:-150px auto 0px;}
.interior #Sidebar figure.intro img{border-radius: 0px; position: absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; width:50%; height: auto;}
.interior .Page h1{font-size: 2.2em;}
.interior .Page li{margin-bottom: 16px;}
.interior .Page .columns-col3 ul{margin-top:0px;}
.interior .Page .section{margin-top:36px; border-radius: 4px; overflow: hidden;}

.interior .Page h1 figure.icon{display: table-cell; width:125px; height: 125px; vertical-align: middle; margin:0px;}
.interior .Page h1 span.title-block{display: table-cell; vertical-align: middle; padding-left: 48px;}

.mobile{display: none;}


#DidYouKnow{transition: all 0.8s ease-in-out; position: fixed; bottom:48px; right:100px; cursor: pointer; background-color:rgba(147,4,4, 1); border:1px solid #e8cb56; padding:24px 36px 36px; border-radius: 8px; width:430px; height: auto; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px 2px; opacity: 0; transform: translateX(520px); color:#fff;z-index: 1;}
#DidYouKnow.on{opacity: 1; transform: translateX(0);}
#DidYouKnow .portrait{ background-image: url(../images/TisaWashington.jpg); background-size: cover; width:100px; height: 100px; border-radius: 50%; border:2px solid #fff; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px 2px; position: absolute; top:-50px; left:36px;}
#DidYouKnow .hide{position: absolute; top:16px; right:16px; width:32px; height: 32px; background-color:transparent; border:1px solid #fff;  background-image: url(../images/icons/hide_light.png); background-size: 90%; background-repeat: no-repeat; background-position: center; border-radius: 50%;}
#DidYouKnow .question{font-size: 1.2em; font-family: "ITC New Baskerville W01"; color:#fff; margin-left: 117px;}
#DidYouKnow .answer{font-size: 1em;}
#DidYouKnow a{color:#fff;}

.frequently-asked-questions #hero{background-image: url(../images/hero-faq.jpg);}
.general-information #hero{background-image: url(../images/hero-info.jpg);}
.property-tax #hero{background-image: url(../images/hero-property.png);}
.real-estate-professionals #hero{background-image: url(../images/hero-realestate.jpg); background-position: center;}
.motor-vehicles #hero{background-image: url(../images/hero-motor.jpg); background-position: center;}
.tax-commissioner-tisa-smart-washington #hero{background-image: url(../images/hero-taxcomm.jpg); background-position: center;}
.motor-vehicles .sidenav a.button{display: none;}



.Page .faq-list.accordian{position: relative; clear:both;}
.accordian{}
.Page .accordian h2{margin:0px; font-size: 1em; font-weight: 300; color:#000}
.accordian h4{margin:0px; font-size: 1.2em; font-weight: 500;}
.accordian .accordian-item{overflow: hidden; height: auto; max-height: 0px; transition: 0.5s ease-in-out; padding:0px 48px 0px 48px; background-color:#f4f4f4;}
.accordian .accordian-item.on{max-height: 2000px; padding-top:0px; padding-bottom: 32px; background-color:#fff;}
.accordian > div{ border:1px solid #999;  margin-bottom: 8px; position: relative; cursor: pointer;}
.accordian .accordian-title{padding:24px 48px 24px 32px; transition: 0.5s ease-in-out; background-color:#f4f4f4;}
.accordian .accordian-title:hover{}
.accordian .accordian-title:after{content:'+'; display: block; width:16px; height:16px; color:#fff;  border-radius:50%; background-color:#bbb; transform-origin:center; transition:all 0.5s ease-in-out; position: absolute;  right:16px; top:13px; text-align: center; padding:1px 1px; line-height: 16px;}
.accordian .accordian-title.on{background-color:#fff;}
.accordian .accordian-title.on:after{content:'-';}


@keyframes flipinX{
    0%{opacity: 0; transform: rotate3d(1,0,0,90deg); animation-timing-function: ease-in;}
    25%{opacity: 1;}
    40%{transform: rotate3d(1,0,0,-20deg);}
    60%{transform: rotate3d(1,0,0,10deg);}
    80%{transform: rotate3d(1,0,0,-5deg);}
    100%{transform: rotate3d(1,0,0,0deg);}
}


@media screen and (max-width:1304px){
    .content-wrap{margin-left: 32px; margin-right: 32px; width:auto;}
}

@media screen and (max-width:1300px){
    #Sidebar{width:175px;}
    #Sidebar figure.intro{width:275px; height: 275px; }
    .home #Sidebar figure.intro img{width:243px; height: 243px;}
    #Sidebar .tax-commissioner{ text-align: center; padding:12px 0px;}
    .home #hero{height: 276px; background-size:cover; background-position: center top;}
    .sidenav{margin-top:16px;}
    .sidenav a{font-size: 14px; padding:12px 12px;}
    #Content{padding:40px 0px 64px 32px;}
    button.round.white{width:184px; height: 184px;}
    .home .four-sections .section{padding-right: 16px;}
    .home .four-sections .section:nth-child(2n){padding-left:16px;}
    #Sidebar .contact_info h3{font-size: 1em;}
}

@media screen and (max-width:1030px){
    #Sidebar{display: none;}
    .home #Sidebar{display: none;}
    #Content,
    .interior #Content{padding-left:0px; display: block;}
    hr.large{margin-left: -32px;}
    .on hr.large{width:150%;}
    
    .nosub.table-content{display: block;}
    .nosub #Sidebar{display: none;}
    .nosub #Content{display: block;}
    header{background-color:rgba(97, 11, 11,1)}
    header #nav-toggle{position: absolute; top:3px; right:16px; width:36px; height: 32px; z-index: 5; transition:all 0.3s ease-in-out;}
    header #nav-toggle:before{content:''; display: block; width:36px; height: 8px; border-top:4px solid #fff; border-bottom: 4px solid #fff;}
    header #nav-toggle:after{content:''; display: block; width:36px; height: 8px; border-bottom: 4px solid #fff;}
    body{position: relative; left:0px;}
    body#tinymce{padding:0px;}
    
    header .buttons{top:87px; right:16px;}
    
    #BodyWrap{background-color:#fff;padding-top:0px; overflow: hidden;}
    #BodyWrap,
    header,
    footer{transition:all 0.3s ease-in-out; position: relative; z-index: 1}
    header{z-index: 2}
    body.nav-on header,
    body.nav-on #BodyWrap,
    body.nav-on footer{transform: translateX(-450px); }
    body.nav-on header{}
    body.nav-on header #nav-toggle{ transform:translatex(450px)}
    body.nav-on header #nav-toggle:before{border-bottom-width: 0px; transform-origin: center top; transform:  rotate(45deg) translate(0px,15px);}
    body.nav-on header #nav-toggle:after{ transform: rotate(-45deg) translate(0px, -15px); transform-origin: center bottom; }
    
    #mobile-nav{display: block; position:fixed;  top:0px; right:0px; height: 100vh; width:450px; max-width: 100%; overflow-y: auto; overflow-x: hidden; box-shadow: inset rgba(0,0,0,0.4) 0px -1px 1px 2px;  background-color:#003c5b;}
    .on #mobile-nav{opacity: 1;}
    #mobile-nav ul{display: block; list-style: none; margin:0px; padding:122px 0px 81px 0px;  position: relative; width:100%;min-height: 100%; }
    body.offtop #mobile-nav ul{padding-top:90px;}
    #mobile-nav li{margin:0px; padding:0px; border-bottom: 1px solid #fff;}
    #mobile-nav li.social{padding-top:24px; border-bottom: none;}
    #mobile-nav .submenu{position: absolute; top:0px; left:100%; width:100%; transition:all 0.3s ease-in-out; background-color:#1b6f9b;z-index: 2 }
    #mobile-nav .submenu .submenu{position: absolute; top:0px; left:100%; width:100%; transition:all 0.3s ease-in-out; background-color:#5ea3c7;z-index: 3; }
    #mobile-nav ul a,
    #mobile-nav .no-link{display: inline-block; width:auto; padding:24px 48px 24px; text-decoration: none;  color:#fff; cursor:pointer; text-transform: uppercase;}
    #mobile-nav .submenu a{color:#fff; font-size: 16px; padding-right: 8px; padding-left: 16px; max-width: 255px;}
    #mobile-nav .submenu li{border-bottom-color: #fff;}
    #mobile-nav .gg{position: static; float:right; margin:18px; background-color:#fff; z-index: 0; background-image: url(../images/icons/menu-plus-g.svg); background-size: 66%; background-repeat: no-repeat; background-position: center;  border-radius: 50%; width:25px; height: 25px;}
    #mobile-nav .gg:before,
    #mobile-nav .gg:after{display: none;}
    #mobile-nav .on > .submenu,
    #mobile-nav .submenu .on > .submenu{left:55px; }
    #mobile-nav .submenu .gg{margin-right: 72px;}
    #mobile-nav .buttons{position: absolute; bottom:16px; text-align: center;}
    #mobile-nav .buttons .button{margin-bottom: 12px;}
    header .button{}
    
    .home #Content{padding-top:0px;}
    .home .mobile.tax-commissioner{display: block;  text-align: center; padding:18px 0px;}

    .home .mobile.tax-commissioner img.seal{width:150px; max-width: 25%; height: auto; display: block; margin:0px auto 12px;}
    .home .mobile.tax-commissioner:after{content:''; display: block; clear: both;}
    footer .contact{padding-bottom: 24px;}
    .mobile.contact_info{display: block; border:1px solid #e8cb56; max-width: 400px; margin:0px auto;padding:24px;}
    
    .interior #hero{height: 200px; background-size: cover; background-position: center;}
    .interior #hero .content-wrap:before {width:185px; height: 185px;}
    
    footer .content-wrap{background-image:none;}
}

@media screen and (max-width:740px){
    footer .content-wrap{padding-top:136px; background-position: center top; }
    footer .tax-commissioner{display: block; text-align: center; padding: 0px;}
    footer .tax-commissioner .phone{display:none;}
    footer .tax-commissioner .email{display:none;}
    footer .copyright{display: block; float:none; text-align: center; padding: 0px;}
    
    #DidYouKnow{display: none;}
    #DidYouKnowM{
        display: block;
        transform: rotate3d(1,0,0,90deg); transition:all 0.5s ease-in-out; position: relative;  background-color:rgba(97, 11, 11, 0.9); border-top:1px solid #e8cb56;
        border-bottom:1px solid #e8cb56; padding:24px 36px 36px;  width:auto; height: auto; margin:60px -32px 0px -32px; color:#fff;
    }
    
    #DidYouKnowM.scroll-on{animation-name: flipinX; animation-duration:0.8s; animation-iteration-count: 1; animation-fill-mode: forwards;}
    #DidYouKnowM .portrait{ background-image: url(../images/TisaWashington_e.jpg); background-size: cover; width:100px; height: 100px; border-radius: 50%; border:2px solid #fff; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px 2px; position: absolute; top:-50px; left:36px;}
    
    #DidYouKnowM .question{font-size: 1.2em; font-family: "ITC New Baskerville W01"; color:#fff; margin-left: 117px;}
    #DidYouKnowM .answer{font-size: 1em;}
    #DidYouKnowM a{color:#fff;}
}

@media screen and (max-width:700px){
    .content-wrap{margin-left: 16px; margin-right: 16px;}
    #Content{padding-top:16px;}
    header #nav-toggle{}
    .home .mobile.tax-commissioner{}
    
    
    header:before{height: 47px;}
    header:after{top:45px;}
    header .sitename{font-size: 24px; line-height: 36px;}
    header .sitename em{display: block; margin-left: 0px; font-size: 18px; line-height: 22px; margin-top:2px; padding-right:131px;}
    
    header .buttons{top:61px;}
    
}

@media screen and (max-width:600px){
    .home #Content .alert{margin-left: -16px; margin-right: -16px; width:auto; flex-basis: 100%; border-left: none; border-right:none;}
    #covid-info{width:auto; flex-basis: 100%; margin-left: -16px; margin-right: -16px; margin-top:0px; border:none; border-bottom: 1px solid #999;}
    .home .four-sections .section{width:auto; padding-right: 0px; padding-left: 0px;}
    .home .four-sections .section:nth-child(2n){padding-left: 0px;}
    .home #quicklinks ul{column-count: 1;}
    header{z-index: 3;}
    
    
    .home #hero{height: 200px; background-size: cover; background-position: center;}
    .Page{padding-top:124px;}
    header .buttons{top:276px; width:auto; left:16px; right:16px;}
    .home .mobile.tax-commissioner{display: flex; flex-direction: row; justify-content: center; align-items: center; padding:12px 0px;}
    .home .mobile.tax-commissioner .mtc{padding:0px 16px;}
    header .button{border-top-left-radius: 8px; border-top-right-radius: 8px; margin-bottom: 18px; display: block; text-align: center; width:auto;}
    header .button:before{margin:0px; border:4px solid #401010; border-radius: 8px; }
    .home #Content .flex-content{flex-direction: column;}
}

@media screen and (max-width:400px){
    .home .mobile.tax-commissioner img.portrait{float:none; width:auto; width: 160px;}
    .home .mobile.tax-commissioner > div{float:none; width:auto; padding-left: 0px;}
    
    .interior #hero .content-wrap:before{left:0px;}
    
    .interior .Page h1 figure.icon{display: block; margin:0px auto;}
    .interior .Page h1 span.title-block{display: block; padding-left: 0px; text-align: center;}
}
@media screen and (max-width:360px){
    header .sitename{font-size: 18px;}
}