/* Reset */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
    border: 0;
    margin: 0;
    padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
div {
    display: block;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body *:first-child {
    margin-top: 0;
}
body *:last-child {
    margin-bottom: 0;
}

html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
}
body {
    min-width: 320px;
    color: #222;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 24px;
    background: #FFF;
    position: relative;
}

html {
    font-size: 10px;
}
@media only screen and (max-width: 1279px) {
    html {
        font-size: 8px;
    }
}
@media only screen and (max-width: 767px) {
    html {
        font-size: 6px;
    }
}
@media only screen and (max-width: 413px) {
    html {
        font-size: 5px;
    }
}

a {
    color: #215691;
    border: none;
    text-decoration: underline;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a:hover,
a:active,
a:focus {
    color: #0077CC;
    border: none;
    outline: none;
}

a:focus {
    outline-style: dashed;
    outline-color: rgb(0,0,0,0.5);
    outline-width: 1px;
    outline-offset: 2px;
}

img {
    border: none;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5 {
    margin: 30px 0 20px 0;
    padding: 0;
    color: #000;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    position: relative;
}

h1 {
    font-size: 30px;
    line-height: 36px;
}
h2 {
    font-size: 24px;
    line-height: 30px;
}
h3 {
    font-size: 18px;
    line-height: 24px;
}
h4 {
    font-size: 16px;
    line-height: 22px;
}
h5 {
    font-size: 14px;
    line-height: 20px;
}

.title-l,
.title-m,
.title-s,
.title-xs {
    text-align: center;
}
.title-l {
    font-size: 36px;
    line-height: 40px;
}
.title-m {
    font-size: 30px;
    line-height: 34px;
}
.title-s {
    font-size: 24px;
    line-height: 30px;
}
.title-xs {
    font-size: 18px;
    line-height: 24px;
}

p,
ul,
ol,
blockquote {
    margin: 20px 0;
}

ul,
ol {
    margin-left: 40px;
}
ul li {
    margin: 10px 0;
    list-style-type: disc;
}
ol li {
    margin: 10px 0;
    list-style-type: decimal;
}
ul ul,
ul p {
    margin-top: 10px;
    margin-bottom: 10px;
}

blockquote {
    padding-left: 40px;
    color: #555;
    font-style: italic;
    letter-spacing: 0.01em;
    position: relative;
}
blockquote:before {
    display: block;
    content: "”";
    color: #DDD;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 70px;
    line-height: 70px;
    font-style: normal;
    position: absolute;
    top: 0;
    left: 0;
}

address {
    margin: 20px 0;
    padding-left: 20px;
    border-left: 5px solid #EEE;
}
address p {
    margin: 0;
}

strong,
.bold {
    font-weight: 700;
}
.semibold {
    font-weight: 600;
}
.italic {
    font-style: italic;
    letter-spacing: 0.025em;
}

.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.uppercase {
    text-transform: uppercase;
}

i,
.color-special {
    color: #0077CC;
    font-style: normal;
}
.color-main {
    color: #215691;
}
.color-dark {
    color: #000;
}
.color-red {
    color: #EA0000;
}
.color-green {
    color: #20831B;
}

.long-word {
    display: inline-block;
    vertical-align: top;
    word-break: break-all;
}
.h-center,
.center {
    text-align: center;
}
.h-left {
    text-align: left;
}
.h-right {
    text-align: right;
}

.m50 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.m40 {
    margin-top: 40px;
    margin-bottom: 40px;
}
.m30 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.m20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.m10 {
    margin-top: 10px;
    margin-bottom: 10px;
}



/* Clearfix */

.cf:after {
    height: 0;
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    content: ".";
}
.cf {
    display: block;
}
html[xmlns] .cf {
    display: block;
}
* html .cf {
    height: 1%;
}



.wrapper {
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
}

#container {
    min-height: 100%;
    padding-top: 100px;
    position: relative;
}

.hide-for-desktop {
    display: none;
}

@media only screen and (max-width: 1023px) {
    .hide-for-handheld {
        display: none !important;
    }
}


/* Buttons */

a.btn {
    display: inline-block;
    padding: 6px 15px;
    color: #FFF;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #20831B;
    vertical-align: top;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.btn:hover,
a.btn:focus,
a.btn:active {
    background-color: #2DA727;
}
a.btn.special {
    background-color: #215691;
}
a.btn.special:hover,
a.btn.special:focus,
a.btn.special:active {
    background-color: #103E73;
}
a.btn.special i {
    color: #27E81D;
}
a.btn.no {
    color: #555;
    font-weight: 400;
    background-color: #CCC;
}
a.btn.no:hover,
a.btn.no:focus,
a.btn.no:active {
    background-color: #BBB;
}

a.btn-med {
    padding: 14px 35px;
    font-size: 18px;
    line-height: 22px;
}
a.btn-big {
    padding: 16px 45px;
    font-size: 24px;
    line-height: 28px;
}
a.btn.arw:after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background: url(../img/btn_arw.svg) 0 0 no-repeat;
    background-size: 100% auto;
}
a.btn-med.arw:after {
    width: 13px;
    height: 13px;
    margin: 5px 0 0 12px;
}
a.btn-big.arw:after {
    width: 17px;
    height: 17px;
    margin: 7px 0 0 14px;
}



/*-- Header --*/

#header {
    width: 100%;
    padding: 15px 0;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#header .wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    position: unset;
}

.site-logo {
    height: 70px;
    position: relative;
    z-index: 2;
}
.site-logo a,
.site-logo img {
    display: block;
    height: 100%;
}

.hnav {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
}
.hnav ul {
    margin: 0 -3px;
    text-align: left;
}
.hnav li {
    display: block;
    float: left;
    margin: 0 3px;
    list-style-type: none;
    position: relative;
}
.hnav li:first-child {
    margin-left: 0;
}
.hnav a {
    display: block;
    padding: 12px 20px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.hnav a.special {
    color: #FFF;
    background: #0077CC;
}
.hnav a.special:hover,
.hnav a.special:focus,
.hnav a.special:active {
    background: #215691;
}
.hnav a.phone:before {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url(../img/icn_phone_blue_16.png) 0 0 no-repeat;
    vertical-align: top;
}
.hnav .has-sub ul {
    display: none;
    width: 480px;
    padding: 20px;
    text-transform: none;
    background: #FFF;
    position: absolute;
    top: 40px;
    left: 0;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.5);
}
.hnav .has-sub a:after {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    margin: 4px 0 0 8px;
    background: url(../img/menu_arw.svg) center center no-repeat;
    background-size: 100% auto;
    vertical-align: top;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.hnav .has-sub.open a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.hnav .has-sub li {
    float: left;
    width: 50%;
    margin: 0;
}
.hnav .has-sub li a {
    padding: 10px;
}
.hnav .has-sub li a:after {
    display: none;
}
.hnav .has-sub li a:hover {
    background: #F5F5F5;
}

.hnav a.phone {
    padding: 7px 20px 7px 46px;
    color: #215691;
    font-weight: 700;
    background-color: #E7F2FF;
}
.hnav a.phone:before {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url(../img/icn_support.svg) 0 0 no-repeat;
    background-size: 16px auto;
    position: absolute;
    top: calc(50% - 8px);
    left: 15px;
}
.hnav a.phone:hover {
    background-color: #DBECFF;
}
.hnav a.phone span,
.slicknav_nav a.phone span {
    display: block;
    font-size: 9px;
    font-weight: 400;
    line-height: 10px;
}

.slicknav_menu {
    display: none;
    width: 70px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
}
a.slicknav_btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.slicknav_menutxt {
    display: none;
}
.slicknav_icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    flex: 0 0 30px;
    height: 22px;
}
.slicknav_icon-bar {
    flex: 0 1 2px;
    width: 100%;
    background: #215691;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.slicknav_btn:hover .slicknav_icon-bar,
a.slicknav_btn.slicknav_open .slicknav_icon-bar {
    background: #0077CC;
}
a.slicknav_btn:hover,
a.slicknav_btn.slicknav_open {
    color: #000;
}
.slicknav_nav {
    display: block;
    width: 280px;
    border: 1px solid #EEE;
    position: absolute;
    top: 100%;
    right: 0;
}
.slicknav_nav ul {
    display: block;
    margin: 0;
    background-color: #FFF;
}
.slicknav_nav li {
    display: block;
    float: none;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
    border-top: 1px solid #EEE;
    list-style-type: none;
}
.slicknav_nav li:first-child {
    margin: 0;
    border-top: none;
}
.slicknav_nav a {
    display: block;
    padding: 15px 20px;
    text-decoration: none;
    background-color: #FFF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav a:active {
    background-color: #FAFAFA;
}
.slicknav_nav a.special {
    color: #FFF;
    background: #0077CC;
}
.slicknav_nav a.special:hover,
.slicknav_nav a.special:focus,
.slicknav_nav a.special:active {
    background: #215691;
}
.slicknav_arrow {
    display: none;
}
.slicknav_nav a.slicknav_item {
    padding: 0;
}
.slicknav_nav .has-sub a {
    position: relative;
}
.slicknav_nav .has-sub a:after {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: url(../img/menu_arw.svg) center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.slicknav_nav .has-sub.slicknav_open a:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.slicknav_nav .has-sub ul {
    border-top: 1px solid #EEE;
}
.slicknav_nav .has-sub li {
    font-weight: 400;
    text-transform: none;
}
.slicknav_nav .has-sub li a {
    padding: 10px 20px 10px 35px;
}
.slicknav_nav .has-sub li a:before {
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    margin-top: -2px;
    background: #215691;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.slicknav_nav a.slicknav_item:after,
.slicknav_nav .has-sub li a:after {
    display: none;
}

#header.smaller {
    padding: 10px 0;
}
#header.smaller .site-logo {
    height: 50px;
}



/* Footer */

#footer {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    background: #D5D5D5;
}
.fsection {
    padding: 30px 0;
}
.ftop {
    background: #ECECEC;
}
.ftable {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.ftable .cell {
    flex: 0 1 auto;
}
.fcopy {
    text-transform: uppercase;
    text-align: right;
}
.fcopy span {
    color: #000;
    font-weight: 600;
}
.fnav {
    padding: 45px 0;
    background: #F3F3F3;
}
.fbtm {
    background: #FFF;
}
.fnav .wrapper,
.fnav .wrapper > .cell:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}
.fnav .cell {
    flex: 0 1 calc(100% / 2);
}
.fnav-t1 {
    margin: 0 0 7px 0;
    color: #000;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.fnav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
.fnav li {
    flex: 0 1 calc(100% / 3);
    width: calc(100% / 3);
    margin: 5px 0;
    list-style-type: none;
}
.fnav .cell .cell li {
    flex: 0 1 100%;
}
.fnav a {
    text-decoration: none;
}
.fnav a:hover {
    text-decoration: underline;
}
.acs-set {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 8px;
}
.acs-set::before {
    content: "";
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    background: url(../img/accsessibility.svg) 0 0 no-repeat;
    background-size: 100% auto;
    filter: brightness(0) saturate(100%) invert(24%) sepia(100%) saturate(1025%) hue-rotate(189deg) brightness(86%) contrast(84%);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.acs-set:hover::before,
.acs-set:active::before,
.acs-set:focus::before {
    filter: brightness(0) saturate(100%) invert(31%) sepia(64%) saturate(1839%) hue-rotate(183deg) brightness(97%) contrast(101%);
}
.partners img {
    display: block;
    margin: 0 auto;
}
.partners ul {
    margin: 0;
    text-align: center;
}
.partners li {
    display: inline-block;
    width: 120px;
    height: 47px;
    margin: 5px 8px;
    background: url(../img/partners.png) 120px 0 no-repeat;
    vertical-align: top;
    list-style-type: none;
}
.partners li.partner-01 {
    background-position: 0 0;
}
.partners li.partner-02 {
    background-position: -120px 0;
}
.partners li.partner-03 {
    background-position: -240px 0;
}

.partners-plus {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.fseals {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    margin: 20px -10px;
}
.fseals .col {
    flex: 0 1 auto;
    padding: 0 10px;
}
.fseals img {
    display: block;
    margin: 0 auto;
}

.nmvtis-dsc {
    align-items: center;
    gap: 20px;
    margin-right: auto;
    font-size: 12px;
    line-height: 1.5;
}
@media only screen and (max-width: 767px) {
    .nmvtis-dsc {
        margin: 10px auto;
    }
}
.nmvtis-dsc .img {
    flex: 0 0 auto;
    width: 108px;
}

/* Footer ekomi */
.ecomi-rating-big {
    display: block;
    width: 216px;
    height: 120px;
    margin: 20px auto;
    background: url(../img/ecomi_big_bg.png) 0 0 no-repeat;
    position: relative;
}
.ecomi-rating-small {
    display: block;
    width: 130px;
    height: 72px;
    margin: 20px auto;
    background: url(../img/ecomi_small_bg.png) 0 0 no-repeat;
    position: relative;
}
.ecomi-rating-big .er-date {
    display: block;
    color: #333;
    font-size: 11px;
    line-height: 12px;
    position: absolute;
    bottom: 6px;
    left: 8px;
}
.ecomi-rating-small .er-date {
    display: block;
    color: #333;
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    bottom: 2px;
    left: 4px;
}
/* Footer ekomi */



/* Slider */

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}



/* Flex */

.fx {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.iflex .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 20px -20px;
}
.iflex .row:first-child {
    margin-top: 0;
}
.iflex .row:last-child {
    margin-bottom: 0;
}
.iflex.blocks .row {
    margin-right: -10px;
    margin-left: -10px;
}
.iflex .column {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.iflex .wrap {
    flex-wrap: wrap;
}
.iflex .stretch {
    align-items: stretch;
}
.iflex .vertical-top {
    align-items: flex-start;
}
.iflex .vertical-bottom {
    align-items: flex-end;
}
.iflex .justify-top {
    justify-content: flex-start;
}
.iflex .justify-bottom {
    justify-content: flex-end;
}
.iflex .col {
    flex: 0 1 auto;
    padding: 0 20px;
}
.iflex.blocks .col {
    padding-right: 10px;
    padding-left: 10px;
}
.column .col {
    flex: 0 1 auto;
    margin: 20px 0;
}
.iflex .wrap .col {
    margin-bottom: 20px;
}
.iflex .no-shrink {
    flex-shrink: 0;
}
.iflex .grow {
    flex-grow: 1;
}
.iflex .w-100 {
    flex-basis: 100%;
}
.iflex .w-90 {
    flex-basis: 90%;
}
.iflex .w-80 {
    flex-basis: 80%;
}
.iflex .w-70 {
    flex-basis: 70%;
}
.iflex .w-60 {
    flex-basis: 60%;
}
.iflex .w-50 {
    flex-basis: 50%;
}
.iflex .w-40 {
    flex-basis: 40%;
}
.iflex .w-30 {
    flex-basis: 30%;
}
.iflex .w-20 {
    flex-basis: 20%;
}
.iflex .w-10 {
    flex-basis: 10%;
}

.iflex .order-first {
    order: -1;
}
.iflex .order-last {
    order: 1;
}
.iflex .img img {
    display: block;
    margin: 0 auto;
}
.iflex .map {
    min-height: 300px;
}
.iflex .map iframe {
    display: block;
    margin: 0 auto;
}



/* SVG Map */

.imap {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.imap svg {
    display: block;
    width: 100%;
    height: initial;
    margin: 0 auto;
    font-family: 'PT Sans Narrow', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    cursor: default;
}
.imap a {
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
body .imap a {
    font-weight: 400;
    border: none;
}
.imap a:hover {
    opacity: 0.7;
}



/* Table */

.itable table {
    width: 100%;
    font-size: 13px;
    line-height: 16px;
    cursor: default;
    border-collapse: collapse;
}
.itable.fixed table {
    table-layout: fixed;
}
.itable thead tr {
    background-color: #DDD;
}
.itable thead th {
    color: #000;
    font-weight: 600;
}
.itable tbody tr {
    background-color: rgba(0, 0, 0, 0.02);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.itable tbody tr:nth-of-type(even) {
    background-color: transparent;
}
.itable tbody tr:hover {
    background-color: #EAF4FF;
}
.itable tbody tr:nth-of-type(even):hover {
    background-color: #F5FAFF;
}
.itable tbody tr.sep {
    background-color: transparent;
}
.itable th,
.itable td {
    padding: 8px 10px;
}
.itable td {
    border-bottom: 1px solid #E5E5E5;
}
.itable .top {
    vertical-align: top;
}
.itable .middle {
    vertical-align: middle;
}
.itable .bottom {
    vertical-align: bottom;
}
.itable .left {
    text-align: left;
}
.itable .center {
    text-align: center;
}
.itable .right {
    text-align: right;
}
.itable .wrap {
    word-break: break-all;
}
.itable .small {
    width: 1%;
    white-space: nowrap;
}
.itable .c1 {
    color: #000;
    background-color: #EAF4FF;
    border-color: #C4DAF2;
}
.itable tr:nth-of-type(even) .c1,
.itable tr.color1:nth-of-type(even) {
    background-color: #F5FAFF;
}
.itable .c2 {
    color: #000;
    font-weight: 600;
    background-color: #CFD7E1;
}
.itable tr:nth-of-type(even) .c2,
.itable tr.c2:nth-of-type(even) {
    background-color: #C5CBD2;
}
.itable h3 {
    margin: 0;
    padding: 15px;
    color: #000;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    background-color: #EEE;
}
.itable h4 {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}
.itable p:not(:first-child),
.itable ul:not(:first-child) {
    margin-top: 10px;
}
.itable p {
    margin: 0;
    text-align: left;
}
.itable ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
}
.itable li {
    margin: 0;
    padding-left: 12px;
    list-style-type: none;
    position: relative;
}
.itable li::before {
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}
.itable caption {
    margin: 2px 1px;
    padding: 15px;
    border: 1px solid #6C9BCF;
}
.itable caption h3 {
    margin: 5px 0;
}
.itable.big table {
    font-size: 15px;
    line-height: 24px;
}
.itable.big th,
.itable.big td {
    padding: 10px;
}















.tablesorter .header {
    padding-right: 25px;
    cursor: pointer;
    position: relative;
}

.tablesorter .header:before {
    display: block;
    content: "";
    width: 5px;
    height: 8px;
    margin-top: -4px;
    background: url(../img/tablesorter.png) 0 0 no-repeat;
    position: absolute;
    top: 50%;
    right: 12px;
}

.tablesorter .header.headerSortDown:before {
    height: 3px;
    margin-top: -1px;
    background-position: 0 100%;
}

.tablesorter .header.headerSortUp:before {
    height: 3px;
    margin-top: -2px;
    background-position: 0 0;
}





























/* Chart */

.ichart {
    overflow: hidden;
    overflow-x: auto;
}

/* Inmate Counties Autocomplete */

#compare-chart-buttons {
    display: none;
}
#compare-chart-buttons div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: -2px;
}
#county-autofill .tt-menu {
    margin: 10px;
    width: 100%;
    position: relative !important;
}
#county-autofill .tt-suggestion.tt-selectable {
    padding: 7px 0;
    line-height: 24px;
    border-bottom: 1px solid #EEE;
}
#county-autofill .tt-suggestion.tt-selectable.tt-cursor {
    color: #448AFF;
    padding-left: 7px;
    font-size: 17px;
    border-bottom: #448AFF 1px solid;
}
.county-loading {
    display: none;
    margin-top: 30px;
}
.c-sidebar .twitter-typeahead {
    display: block !important;
}

.small-btn {
    width: auto;
    height: auto;
    margin: 0;
    padding: 7px 15px;
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
    background-color: #20831B;
    border: none;
    vertical-align: top;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
body .small-btn {
    margin: 2px;
}
.time-btn {
    background-color: #448aff;
}
.clear-btn {
    background-color: #fcbcb5;
}



/* List Table */

.i3-table {
    font-size: 13px;
    line-height: 18px;
    cursor: default;
}
.i3-table ul {
    display: table;
    width: 100%;
    margin: 0;
    text-align: left;
    border-collapse: collapse;
}
.i3-table li {
    display: table-row;
    margin: 0;
    list-style-type: none;
    background-color: #FFF;
}
.i3-table li span {
    display: table-cell;
    padding: 5px 10px;
    background-color: #FFF;
    border: 1px solid #DDD;
    vertical-align: top;
    transition:all 0.1s ease;
    -webkit-transition:all 0.1s ease;
    -moz-transition:all 0.1s ease;
    -o-transition:all 0.1s ease;
}
.i3-table li span.td1 {
    width: 50px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    background-color: #EFF7FF;
}
.i3-table li:hover span,
.i3-table li:hover span.td1 {
    background-color: #D7EAFF;
}
.i3-table-cell {
    float: left;
    width: 100%;
    padding: 0 5px;
}
.i3-table-2cell, .i3-table-3cell, .i3-table-4cell {
    margin-left: -5px;
    margin-right: -5px;
}
.i3-table-2cell .i3-table-cell {
    width: 50%;
}
.i3-table-3cell .i3-table-cell {
    width: 33.333%;
}
.i3-table-4cell .i3-table-cell {
    width: 25%;
}



/* Content */

.section {
    padding: 50px 0;
    background-color: #FFF;
}
.section.dark {
    background-color: #F4F9FF;
}
.section.special {
    background-color: #0077CC;
}
.section.special [class*="title-"] {
    color: #FFF;
}

.separator {
    width: 100%;
    height: 0;
    border-top: 1px dashed #CCC;
}
.separator.special {
    border-color: #0077CC;
}

.block-white {
    padding: 40px;
    background: #FFF;
    border-top: 1px solid #0077CC;
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 119, 204, 0.2);
    box-shadow: 0 3px 5px 0 rgba(0, 119, 204, 0.2);
}

.iflex .block-white {
    height: 100%;
}



.main {
    padding: 10px 0;
    background: #F9F9F9;
}
.main-container {
    padding: 40px;
    background: #FFF;
    border: 1px solid #DDD;
}

.wc-map {
    max-width: 640px;
    margin: 30px auto;
}
.wc-map img {
    display: block;
    margin: 0 auto;
}
.wc-title {
    margin: 30px 0;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
}
.wc-countries {
    margin: 30px 0;
}
.wc-countries ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-evenly;
    margin: 0;
}
.wc-countries li {
    margin: 0;
    padding: 0 20px;
    list-style-type: none;
}
.wc-countries .img,
.wc-countries .img img {
    display: block;
    margin: 0 auto;
}
.wc-countries .ttl {
    display: block;
    margin-top: 10px;
    color: #000;
    font-weight: 600;
    text-align: center;
}



/* 404 */

.error-container {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #555 url(../img/404.jpg) center center no-repeat;
    background-size: cover;
}
.error-content {
    display: inline-block;
    width: 1170px;
    padding: 10px 0 30px 0;
    color: #FFF;
    letter-spacing: 0.025em;
    text-align: left;
}
.er-h1 {
    font-size: 220px;
    font-weight: 600;
    line-height: 200px;
}
.er-h2 {
    margin-top: 15px;
    font-size: 40px;
    line-height: 44px;
}
.er-h3 {
    margin-top: 10px;
    font-size: 24px;
    line-height: 28px;
}
.er-text {
    margin-top: 10px;
    font-size: 15px;
    line-height: 24px;
}
.er-text a {
    color: #FFF;
}
.er-text a:hover {
    opacity: 0.7;
}
.er-btns {
    margin: 32px 0;
    font-size: 22px;
    line-height: 24px;
}
.er-btns ul {
    margin: 0;
    text-align: left;
}
.er-btns li {
    display: inline-block;
    margin: 0;
    padding: 3px 0;
    list-style-type: none;
    vertical-align: top;
}
.er-btn {
    display: block;
    min-width: 180px;
    padding: 12px 20px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    background: #215691;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.er-btn:hover,
.er-btn:focus,
.er-btn:active {
    color: #FFF;
    background: #17487f;
}
.er-red {
    background: #B00;
}
.er-red:hover,
.er-red:focus,
.er-red:active {
    background: #a20000;
}
.er-white {
    color: #215691;
    background: #FFF;
}
.er-white:hover,
.er-white:focus,
.er-white:active {
    color: #215691;
    background: rgba(255, 255, 255, 0.75);
}
.er-logo {
    max-width: 152px;
    margin: 25px 0;
}
.er-logo img {
    display: block;
    margin: 0 auto;
}



/* Breadcrumbs */

.breadcrumbs {
    padding: 10px 0;
    font-size: 14px;
    line-height: 18px;
    background: #F3F3F3;
}
.breadcrumbs ol {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start;
    margin: 0;
    overflow: hidden;
}
.breadcrumbs li {
    flex: 0 1 auto;
    margin: 0 10px 0 0;
    padding-right: 16px;
    position: relative;
    list-style-type: none;
}
.breadcrumbs li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.breadcrumbs li:before {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    background: url(../img/breadcrumbs.svg) 0 0 no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 10;
}
.breadcrumbs li:last-child:before {
    display: none;
}
.breadcrumbs a {
    display: block;
    text-decoration: none;
}



.plate:not(.intro) {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 80px;
    padding: 0 10px;
    color: #000;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-align: center;
    text-shadow: rgba(255,255,255,1) 0 0 5px;
    text-transform: uppercase;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.plate:not(.intro) span {
    flex: 0 1 auto;
    padding: 5px 0;
    white-space: nowrap;
    overflow: hidden;
}

.plate.al {
    background-image: url(../img/plates/al.png);
}
.plate.ak {
    background-image: url(../img/plates/ak.png);
    color: #0B1F75;
    text-shadow: none;
}
.plate.az {
    background-image: url(../img/plates/az.png);
    color: #143115;
}
.plate.ar {
    background-image: url(../img/plates/ar.png);
    color: #0A1720;
}
.plate.ca {
    background-image: url(../img/plates/ca.png);
    color: #010068;
}
.plate.co {
    background-image: url(../img/plates/co.png);
    color: #032514;
}
.plate.ct {
    background-image: url(../img/plates/ct.png);
    color: #121B55;
}
.plate.de {
    background-image: url(../img/plates/de.png);
    color: #F4CD62;
    text-shadow: none;
}
.plate.dc {
    background-image: url(../img/plates/dc.png);
    color: #012D9A;
}
.plate.fl {
    background-image: url(../img/plates/fl.png);
    color: #052F21;
}
.plate.ga {
    background-image: url(../img/plates/ga.png);
}
.plate.hi {
    background-image: url(../img/plates/hi.png);
}
.plate.id {
    background-image: url(../img/plates/id.png);
}
.plate.il {
    background-image: url(../img/plates/il.png);
    color: #CB0032;
}
.plate.in {
    background-image: url(../img/plates/in.png);
}
.plate.ia {
    background-image: url(../img/plates/ia.png);
    color: #0000BB;
}
.plate.ks {
    background-image: url(../img/plates/ks.png);
}
.plate.ky {
    background-image: url(../img/plates/ky.png);
    color: #15154F;
}
.plate.la {
    background-image: url(../img/plates/la.png);
}
.plate.me {
    background-image: url(../img/plates/me.png);
}
.plate.md {
    background-image: url(../img/plates/md.png);
    color: #353E5B;
}
.plate.ma {
    background-image: url(../img/plates/ma.png);
    color: #0400E4;
}
.plate.mi {
    background-image: url(../img/plates/mi.png);
    color: #29509F;
}
.plate.mn {
    background-image: url(../img/plates/mn.png);
}
.plate.ms {
    background-image: url(../img/plates/ms.png);
    color: #091451;
}
.plate.mo {
    background-image: url(../img/plates/mo.png);
    color: #002A65;
}
.plate.mt {
    background-image: url(../img/plates/mt.png);
}
.plate.ne {
    background-image: url(../img/plates/ne.png);
    color: #354236;
}
.plate.nv {
    background-image: url(../img/plates/nv.png);
}
.plate.nh {
    background-image: url(../img/plates/nh.png);
    color: #012B05;
}
.plate.nj {
    background-image: url(../img/plates/nj.png);
}
.plate.nm {
    background-image: url(../img/plates/nm.png);
    color: #FAE41D;
    text-shadow: none;
}
.plate.ny {
    background-image: url(../img/plates/ny.png);
    color: #0A204F;
    text-shadow: none;
}
.plate.nc {
    background-image: url(../img/plates/nc.png);
    color: #003589;
}
.plate.nd {
    background-image: url(../img/plates/nd.png);
}
.plate.oh {
    background-image: url(../img/plates/oh.png);
    color: #233E4F;
}
.plate.ok {
    background-image: url(../img/plates/ok.png);
    color: #862333;
}
.plate.or {
    background-image: url(../img/plates/or.png);
    color: #00002F;
}
.plate.pa {
    background-image: url(../img/plates/pa.png);
    color: #003D7C;
}
.plate.ri {
    background-image: url(../img/plates/ri.png);
    color: #1A1B43;
}
.plate.sc {
    background-image: url(../img/plates/sc.png);
    color: #1C0E3D;
}
.plate.sd {
    background-image: url(../img/plates/sd.png);
    color: #09176E;
}
.plate.tn {
    background-image: url(../img/plates/tn.png);
}
.plate.tx {
    background-image: url(../img/plates/tx.png);
}
.plate.ut {
    background-image: url(../img/plates/ut.png);
    color: #020A55;
}
.plate.vt {
    background-image: url(../img/plates/vt.png);
    color: #FFF;
    text-shadow: none;
}
.plate.va {
    background-image: url(../img/plates/va.png);
    color: #1D1E54;
}
.plate.wa {
    background-image: url(../img/plates/wa.png);
    color: #0E0E31;
}
.plate.wv {
    background-image: url(../img/plates/wv.png);
    color: #010140;
}
.plate.wi {
    background-image: url(../img/plates/wi.png);
}
.plate.wy {
    background-image: url(../img/plates/wy.png);
}



.skip-to-content-link {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

.skip-to-content-link:focus {
    color: #fff;
    background-color: #000;
    left: auto;
    top: auto;
    width: 15%;
    height: auto;
    overflow: auto;
    outline: none;
    padding: 2px;
    text-align: center;
    font-size: 1em;
    z-index: 10000;
}



@media only screen and (max-width: 1209px) {
    .wrapper {
        margin-left: 20px;
        margin-right: 20px;
    }
    .error-content {
        width: 100%;
        padding: 10px 50px 30px 50px;
    }
}

@media only screen and (max-width: 1199px) {
    body {
        font-size: 14px;
        line-height: 22px;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 25px 0 15px 0;
    }
    h1 {
        font-size: 24px;
        line-height: 28px;
    }
    h2 {
        font-size: 20px;
        line-height: 24px;
    }
    h3 {
        font-size: 18px;
        line-height: 22px;
    }
    h4 {
        font-size: 16px;
        line-height: 20px;
    }
    h5 {
        font-size: 14px;
        line-height: 18px;
    }
    h6 {
        font-size: 13px;
        line-height: 18px;
    }
    p,
    ul,
    ol,
    blockquote {
        margin: 15px 0;
    }
    ul,
    ol {
        margin-left: 30px;
    }
    ul li,
    ol li {
        margin: 5px 0;
    }

    blockquote {
        padding-left: 30px;
    }
    blockquote:before {
        font-size: 50px;
        line-height: 50px;
    }
    #container {
        padding-top: 70px;
    }
    #header {
        padding: 10px 0;
        position: absolute;
    }
    .site-logo {
        height: 50px;
    }
    .js #menu {
        display: none;
    }
    .js .slicknav_menu {
        display: block;
    }
    .fsection {
        padding: 20px 0;
    }
    .title-l,
    .title-m {
        font-size: 24px;
        line-height: 30px;
    }
    .title-s {
        font-size: 18px;
        line-height: 24px;
    }
    .title-xs {
        font-size: 14px;
        line-height: 20px;
    }
    .m50 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .m40 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .m30 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .m20 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .section {
        padding: 40px 0;
    }
    .main {
        padding: 0;
        border-top: 1px solid #DDD;
    }
    .main .wrapper {
        max-width: inherit;
        margin-left: 0;
        margin-right: 0;
    }
    .main-container {
        border: none;
    }
}

@media only screen and (max-width: 1023px) {
    .fnav .wrapper {
        flex-wrap: wrap;
    }
    .fnav .wrapper > .cell {
        flex-basis: 100%;
        margin-top: 20px;
    }
    .fnav .wrapper > .cell:first-child {
        margin-top: 0;
    }
    .title-l,
    .title-m {
        font-size: 24px;
        line-height: 30px;
    }
    .title-s {
        font-size: 18px;
        line-height: 24px;
    }
    .title-xs {
        font-size: 14px;
        line-height: 20px;
    }
    .m50,
    .m40 {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .section {
        padding: 30px 0;
    }
    .block-white {
        padding: 30px;
    }
    .iflex.mobile-column .row {
        flex-direction: column;
        align-items: stretch;
    }
    .iflex.mobile-column .col {
        flex-basis: auto;
        margin: 15px 0;
    }
    .iflex.mobile-column .col:first-child {
        margin-top: 0;
    }
    .iflex.mobile-column .col:last-child {
        margin-bottom: 0;
    }
    .iflex.mobile-margin .col {
        margin: -1px 0 0 0;
    }
    .iflex.blocks .col {
        margin: 5px 0;
    }
    .i3-table li span.td1 {
        white-space: normal;
    }
    .itable {
        overflow-x: auto;
    }
    .itable table {
        font-size: 12px;
    }
    .itable th,
    .itable td {
        padding: 4px 6px;
    }
    .breadcrumbs ol {
        overflow: hidden;
    }
    .breadcrumbs li {
        min-width: 50px;
        margin: 0;
        padding-right: 20px;
        overflow: hidden;
    }
    .breadcrumbs li:before {
        right: 8px;
    }
    .breadcrumbs a {
        overflow: hidden;
        position: relative;
        white-space: nowrap;
    }
    .breadcrumbs a:after {
        display: block;
        content: "";
        width: 20px;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        background: rgba(243,243,243,0);
        background: -moz-linear-gradient(left, rgba(243,243,243,0) 0%, rgba(243,243,243,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(243,243,243,0)), color-stop(100%, rgba(243,243,243,1)));
        background: -webkit-linear-gradient(left, rgba(243,243,243,0) 0%, rgba(243,243,243,1) 100%);
        background: -o-linear-gradient(left, rgba(243,243,243,0) 0%, rgba(243,243,243,1) 100%);
        background: -ms-linear-gradient(left, rgba(243,243,243,0) 0%, rgba(243,243,243,1) 100%);
        background: linear-gradient(to right, rgba(243,243,243,0) 0%, rgba(243,243,243,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f3f3f3', GradientType=1 );
    }
}

@media only screen and (max-width: 767px) {
    .wrapper {
        margin-left: 15px;
        margin-right: 15px;
    }
    .ftable,
    .partners-plus {
        flex-direction: column;
    }
    .fseals {
        flex-direction: column;
    }
    .fseals .col {
        margin-top: 10px;
    }
    .ftable .cell {
        margin-top: 10px;
    }
    .ftable .cell:first-child {
        margin-top: 0;
    }
    .fcopy {
        text-align: center;
    }
    .footer-widget {
        margin-top: 20px;
    }
    .iflex .mobile-order-first {
        order: -1;
    }
    .iflex .mobile-order-last {
        order: 1;
    }
    .main-container {
        padding: 20px;
    }
    .wc-title {
        font-size: 18px;
        line-height: 22px;
    }
    .wc-countries ul {
        flex-direction: column;
        max-width: 180px;
        margin: 0 auto;
    }
    .wc-countries li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 10px;
        padding: 0;
    }
    .wc-countries .img {
        flex: 0 0 40px;
        margin: 0 10px 0 0;
    }
    .wc-countries .ttl {
        margin: 0;
    }
    .error-content {
        padding: 20px 30px 30px 30px;
    }
    .er-h1 {
        font-size: 120px;
        line-height: 100px;
    }
    .er-h2 {
        font-size: 30px;
        line-height: 34px;
    }
    .er-h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .er-text {
        font-size: 14px;
        line-height: 22px;
    }
    .er-btns {
        margin: 20px 0;
        font-size: 18px;
        line-height: 20px;
    }
    .er-btn {
        min-width: inherit;
    }
}

@media only screen and (max-width: 479px) {
    h1 {
        font-size: 20px;
        line-height: 24px;
    }
    h2 {
        font-size: 18px;
        line-height: 22px;
    }
    h3 {
        font-size: 16px;
        line-height: 20px;
    }
    h4,
    h5 {
        font-size: 14px;
        line-height: 18px;
    }
    #container {
        padding-top: 50px;
    }
    .site-logo,
    #header.smaller .site-logo {
        height: 30px;
    }
    .slicknav_menu {
        width: 50px;
    }
    .slicknav_icon {
        flex-basis: 24px;
        height: 18px;
    }
    .fnav .wrapper,
    .fnav .wrapper > .cell:first-child {
        flex-wrap: wrap;
    }
    .fnav .cell .cell {
        flex: 0 1 100%;
    }
    .fnav .cell .cell:first-child {
        margin-top: 0;
    }
    .fnav li {
        flex: 0 1 100%;
    }
    .title-l,
    .title-m {
        font-size: 20px;
        line-height: 26px;
    }
    .title-s {
        font-size: 16px;
        line-height: 22px;
    }
    .m40 {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .block-white {
        padding: 20px;
    }
    .plate {
        width: 120px;
        height: 60px;
        font-size: 24px;
        line-height: 24px;
    }
}
@media only screen and (max-width: 374px) {
    .breadcrumbs li {
        min-width: 40px;
    }
}



.state-lst ul {
    margin: 0;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
}
@media only screen and (max-width: 1023px) {
    .state-lst ul {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}
@media only screen and (max-width: 767px) {
    .state-lst ul {
        font-size: 13px;
        line-height: 18px;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
.state-lst.three-cols ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}
@media only screen and (max-width: 1023px) {
    .state-lst.three-cols ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media only screen and (max-width: 767px) {
    .state-lst.three-cols ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}
.state-lst li {
    margin: 0;
    padding-bottom: 6px;
    list-style: none;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
}
.state-lst a {
    display: block;
    padding: 11px 38px 11px 16px;
    color: #0077CC;
    font-weight: 600;
    background: #FFF;
    border: 1px solid rgba(0, 119, 204, 0.2);
    border-radius: 10px;
    text-decoration: none;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .state-lst a {
        padding: 8px 29px 8px 12px;
        border-radius: 5px;
    }
}
.state-lst a:hover,
.state-lst a:focus,
.state-lst a:active {
    border-color: rgba(0, 119, 204, 1);
}
.state-lst a::after {
    display: block;
    content: "";
    width: 6px;
    height: 10px;
    background: url(../img/c_list.svg) 0 center no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: calc(50% - 5px);
    right: 16px;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
@media only screen and (max-width: 767px) {
    .state-lst a::after {
        width: 5px;
        height: 8px;
        top: calc(50% - 4px);
        right: 12px;
    }
}

/* Plates Images */

.iplates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    justify-content: center;
}
.iplates img {
    max-width: 160px;
}



.faqs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.faqs .cnt {
    background: #E7F2FF;
    border: 1px solid #E7F2FF;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.faqs .cnt:has(.ui-state-hover, .ui-state-active) {
    border-color: #07C;
}
.faqs .cnt:has(.ui-state-active) {
    background: #FFF;
}
.faqs .hdr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0;
    padding: 15px 20px;
    color: #07C;
    font-size: 16px;
    line-height: 1.5;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
    .faqs .hdr {
        gap: 16px;
        padding: 12px 16px;
        font-size: 14px;
    }
}
.faqs .cnt:has(.ui-state-active) .hdr {
    padding: 35px 40px 20px 40px;
    color: #000;
    font-size: 18px;
}
@media only screen and (max-width: 767px) {
    .faqs .cnt:has(.ui-state-active) .hdr {
        padding: 12px 16px 12px 16px;
        font-size: 14px;
    }
}
.faqs .bdy {
    padding: 0 40px 35px 40px;
}
@media only screen and (max-width: 767px) {
    .faqs .bdy {
        padding: 0 16px 12px 16px;
    }
}
.faqs .hdr .ui-accordion-header-icon {
    flex: 0 0 auto;
    width: 16px;
    height: 2px;
    background: #07C;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .faqs .hdr .ui-accordion-header-icon {
        width: 12px;
    }
}
.faqs .hdr .ui-accordion-header-icon::before {
    display: block;
    content: "";
    width: 2px;
    height: 16px;
    background: #07C;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 1px);
}
@media only screen and (max-width: 767px) {
    .faqs .hdr .ui-accordion-header-icon::before {
        height: 12px;
        top: calc(50% - 6px);
    }
}
.faqs .cnt:has(.ui-state-active) .hdr .ui-accordion-header-icon::before {
    display: none;
}



.how-to-pay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 0 -40px;
}
@media only screen and (max-width: 767px) {
    .how-to-pay {
        margin: 0 -20px;
    }
}
.how-to-pay .cnt {
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 100%);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.how-to-pay .cnt:has(.ui-state-hover, .ui-state-active) {
}
.how-to-pay .cnt:has(.ui-state-active) {
}
.how-to-pay .hdr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0;
    padding: 20px 40px;
    color: #07C;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
    .how-to-pay .hdr {
        padding: 16px 20px;
        font-size: 14px;
    }
}
.how-to-pay .cnt:has(.ui-state-active) .hdr {
    padding-top: 40px;
}
@media only screen and (max-width: 767px) {
    .how-to-pay .cnt:has(.ui-state-active) .hdr {
        padding-top: 16px;
    }
}
.how-to-pay .bdy {
    padding: 0 40px 40px 40px;
}
@media only screen and (max-width: 767px) {
    .how-to-pay .bdy {
        padding: 0 20px 20px 20px;
    }
}
.how-to-pay .hdr .ui-accordion-header-icon {
    display: block;
    width: 12px;
    height: 2px;
    background: #07C;
    position: relative;
    order: 1;
}
.how-to-pay .hdr .ui-accordion-header-icon::before {
    display: block;
    content: "";
    width: 2px;
    height: 12px;
    background: #07C;
    position: absolute;
    top: calc(50% - 6px);
    left: calc(50% - 1px);
}
.how-to-pay .cnt:has(.ui-state-active) .hdr .ui-accordion-header-icon::before {
    display: none;
}



.htp-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media only screen and (max-width: 767px) {
    .htp-list {
        gap: 10px;
    }
}
.htp-list .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px 20px;
}
.htp-list p {
    margin: 0;
}
.htp-list strong {
    color: #000;
    font-weight: 600;
}
.htp-list br {
    content: "";
    margin: 6px;
    display: block;
    font-size: 24%;
}
.htp-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #07C;
    text-decoration: none;
}
.htp-list a::after {
    flex: 0 0 auto;
    content: "";
    width: 12px;
    height: 12px;
    background: url(../img/link.svg) 0 0 no-repeat;
    background-size: 100% auto;
}



/* Common Name Filter */

.name-filter .lbox-container-inn {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    max-width: 800px;
    padding: 50px;
}
@media only screen and (max-width: 767px) {
    .name-filter .lbox-container-inn {
        gap: 20px;
        padding: 30px;
    }
}

.nf-head {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .nf-head {
        gap: 5px;
    }
}

.nf-t1 {
    color: #111;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.5;
}
@media only screen and (max-width: 767px) {
    .nf-t1 {
        font-size: 20px;
    }
}

.nf-t1::before {
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px;
    margin: 6px 12px 0 0;
    background: url(../img/alert.svg) 0 0 no-repeat;
    background-size: contain;
    vertical-align: top;
}
@media only screen and (max-width: 767px) {
    .nf-t1::before {
        width: 20px;
        height: 20px;
        margin: 5px 10px 0 0;
    }
}

.nf-t2 {
    color: #111;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
}
@media only screen and (max-width: 767px) {
    .nf-t2 {
        font-size: 16px;
    }
}

.nf-t3 {
    font-size: 14px;
    line-height: 1.5;
}
@media only screen and (max-width: 767px) {
    .nf-t3 {
        font-size: 12px;
    }
}

.nf-form {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 480px;
}
@media only screen and (max-width: 767px) {
    .nf-form {
        max-width: 320px;
    }
}

.nf-form .row {
    gap: 20px;
    width: 100%;
}
@media only screen and (max-width: 767px) {
    .nf-form .row {
        flex-direction: column;
    }
}

.nf-form .col {
    flex: 0 1 100%;
}

.nf-form .form-btn {
    padding-right: 30px;
    padding-left: 30px;
}

.form-error {
    display: none;
    margin-top: 3px;
    color: #E40000;
    font-size: 13px;
    line-height: 18px;
}

.not-valid .form-error {
    display: block;
}

.not-valid .form-control {
    border-color: #E40000;
}

.content-img {
    float: right;
    max-width: calc(100% / 3);
    margin: 0 0 3rem 5rem;
}
.content-img img {
    display: block;
    border-radius: 10px;
}