/*
Theme Name: gjw
Theme URI:
Author: EPOCH TIME MEDIA GROUP
Author URI: http://www.utools.us/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ntd
Tags: Epoch Times
This theme, is licensed under the GPL.
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: Arial, Helvetica, 'Microsoft YaHei', STHeiti, SimSun, sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.8;
    font-size: 100%;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%; /* iOS text size adjust after orientation change */
    -ms-text-size-adjust: 100%;
}

body {
    background: #fff;
    color: #333;
    padding: 0;
    margin: 0;
    position: relative;
    cursor: auto;
}

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

 summary {
    display: list-item
}

 audio,
 canvas,
 video {
     display: inline-block;
     *display: inline;/*`inline-block` not defined in IE6/7/8/9 & FF3.*/
     *zoom: 1;
 }

 audio:not([controls]) {
     display: none;
     height: 0;
 }

 [hidden] {
     display: none;
 }

 html,
 button,
 input,
 select,
 textarea {
     font-family: sans-serif;
 }

 a:focus {
     outline: thin dotted;
 }

 a:active,
 a:hover {
     outline: 0;
 }

 h1 {
	 font-size: 2.25rem;
	 line-height:2.65rem;
	 margin: 0.67em 0;
 }

 h2 {
	 font-size: 1.5rem;
	 line-height:1.8rem;
	 margin: 0.83em 0;
 }

 h3 {
	 font-size: 1.17rem;
	 line-height:1.47rem;
	 margin: 1em 0;
 }

 h4 {
	 font-size: 1rem;
	 line-height:1.3rem;
	 margin: 1.33em 0;
 }

 h5 {
	 font-size: 0.83em;
	 line-height:1.13rem;
	 margin: 1.67em 0;
 }

 h6 {
	 font-size: 0.75em;
	 line-height:1.05rem;
	 margin: 2.33em 0;
 }

 abbr[title] {
     border-bottom: 1px dotted;
 }

 b,
 strong {
     font-weight: bold;
 }

 blockquote {
	 margin: 1rem 2.5rem;
 }

 dfn {
     font-style: italic;
 }

 mark {
     background: #ff0;
     color: #000;
 }

 p,
 pre {
	 margin: 1rem 0;
 }

 code,
 kbd,
 pre,
 samp {
	 font-family: monospace, serif;
	 _font-family: 'courier new', monospace;
	 font-size: 1rem;
	 line-height:1.3rem;
 }

 pre {
     white-space: pre;
     white-space: pre-wrap;
     word-wrap: break-word;
 }

 q {
     quotes: none;
 }

 q:before,
 q:after {
     content: '';
     content: none;
 }

 small {
     font-size: 75%;
 }

 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }

 sup {
	 top: -0.5rem;
 }

 sub {
	 bottom: -0.25rem;
 }

 dl,
 menu,
 ol,
 ul {
	 margin: 1rem 0;
 }

 dd,
 menu,
 ol,
 ul {
	 padding: 0 0 0 2.5rem;
 }

 nav ul,
 nav ol {
     list-style: none;
     list-style-image: none;
 }

 img {
     border: 0;
     -ms-interpolation-mode: bicubic;
 }

 svg:not(:root) {
     overflow: hidden;
 }

 figure, form {
     margin: 0;
 }

 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35rem 0.625rem 0.75rem;
 }

 legend {
     border: 0; /* IE6/7/8/9 */
     padding: 0;
     white-space: normal; /* FF3 */
     *margin-left: -7px; /* IE6/7 */
 }

 button,
 input,
 select,
 textarea {
     font-size: 100%;
     margin: 0;
     vertical-align: baseline;
     *vertical-align: middle;
 }

 button,
 input {
     line-height: normal;
 }

 button,
 html input[type="button"],
 input[type="reset"],
 input[type="submit"] {
     -webkit-appearance: button;
     cursor: pointer;
     *overflow: visible;
 }

 button[disabled],
 input[disabled] {
     cursor: default;
 }
 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box;
     padding: 0;
     *height: 13px;
     *width: 13px;
 }
 input[type="search"] {
     -webkit-appearance: textfield;
     -moz-box-sizing: content-box;
     -webkit-box-sizing: content-box;
     outline-offset: -2px;
     box-sizing: content-box;
 }

input[type="search"]::-ms-clear {
    display: none;/* removes close icon - IE */
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
    -webkit-appearance: none;
}

 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }

 textarea {
     overflow: auto;
     vertical-align: top;
 }

 table, .table, .w3-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table
 }

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button,
input,
select,
textarea,
optgroup {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: bold
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35rem .625rem .75rem
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

/* End normalize */
a:hover {
	/*color: #555;*/
}

a {
    text-decoration: none;
}

a:visited {
	color: #777;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: 400;
    margin: 0.625rem 0
}

hr {
    border: 0;
    border-top: 1px solid #eee;
    margin: 2px 0
}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clear {
   clear: both;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute
}

.relative {
	position: relative;
}

.left {
    float: left;
}

.right {
    float: right;
}

.epoch.right {
    float: right!important;
}

.no-border {
    border: 0!important
}

/* w3c class
The responsive classes w3-half ... w3-mobile must be placed inside a
w3-row class (or w3-row-padding class) to be fully responsive.
https://www.w3schools.com/w3css/w3css_responsive.asp
*/

.w3-wide-char {
	letter-spacing: 0.125rem;
}

.w3-image {
    max-width: 100%;
    height: auto
}

.w3-table-all {
    border: 1px solid #ccc
}

.w3-bordered tr,
.w3-table-all tr {
    border-bottom: 1px solid #ddd
}

.w3-striped tbody tr:nth-child(even) {
    background-color: #f1f1f1
}

.w3-table-all tr:nth-child(odd) {
    background-color: #fff
}

.w3-table-all tr:nth-child(even) {
    background-color: #f1f1f1
}

/*.w3-hoverable tbody tr:hover,
.w3-ul.w3-hoverable li:hover {
    background-color: #ccc
}*/

.w3-centered tr th,
.w3-centered tr td {
    text-align: center
}

.w3-table td,
.w3-table th,
.w3-table-all td,
.w3-table-all th {
	padding: 0.5rem 0.5rem;
	display: table-cell;
	text-align: left;
	vertical-align: top
}

.w3-table th:first-child,
.w3-table td:first-child,
.w3-table-all th:first-child,
.w3-table-all td:first-child {
	padding-left: 1rem;
}

.w3-btn,
.w3-button {
	/*border: none;*/
	display: inline-block;
    padding: 0.5rem 1rem;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

/*.w3-btn:hover {
	box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2), 0 0.375rem 0.125rem 0 rgba(0, 0, 0, 0.19)
}*/

.w3-btn,
.w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w3-disabled,
.w3-btn:disabled,
.w3-button:disabled {
    cursor: not-allowed;
    opacity: 0.3
}

.w3-disabled *,
:disabled * {
    pointer-events: none
}

.w3-btn.w3-disabled:hover,
.w3-btn:disabled:hover {
    box-shadow: none
}

.w3-badge,
.w3-tag {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    text-align: center
}

.w3-lh2em {
    line-height: 2.5rem;
    padding: 0 15px;
}

.w3-badge {
    border-radius: 50%
}

.w3-ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.w3-ul li {
	padding: 0.5rem 1rem;
	border-bottom: 1px solid #ddd
}

.w3-ul li:last-child {
    border-bottom: none
}

.w3-tooltip,
.w3-display-container {
    position: relative
}

.w3-tooltip .w3-text {
    display: none
}

.w3-tooltip:hover .w3-text {
    display: inline-block
}

.w3-ripple:active {
    opacity: 0.5
}

.w3-ripple {
    transition: opacity 0s
}

.w3-input {
	padding: 0.5rem;
	display: block;
	border: none;
	border-bottom: 1px solid #ccc;
	width: 100%
}

.w3-select {
	padding: 0.56rem 0;
	width: 100%;
    border: none;
    border-bottom: 1px solid #ccc
}

.w3-dropdown-click,
.w3-dropdown-hover {
    position: relative;
    display: inline-block;
    cursor: pointer
}

.w3-dropdown-hover:hover .w3-dropdown-content {
    display: block
}
/*
.w3-dropdown-hover:first-child,
.w3-dropdown-click:hover {
    background-color: #ccc;
    color: #000
}

.w3-dropdown-hover:hover>.w3-button:first-child,
.w3-dropdown-click:hover>.w3-button:first-child {
    background-color: #ccc;
    color: #000
}
*/
.w3-dropdown-content {
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    min-width: 160px;
    margin: 0;
    padding: 0;
    z-index: 1
}

.w3-check,
.w3-radio {
	width: 1.5rem;
	height: 1.5rem;
	position: relative;
    top: 0.375rem;
}

.w3-sidebar {
    height: 100%;
    width: 320px;
    background-color: #fff;
    z-index: 1;
    overflow: auto
}

.w3-bar-block .w3-dropdown-hover,
.w3-bar-block .w3-dropdown-click {
    width: 100%
}

.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,
.w3-bar-block .w3-dropdown-click .w3-dropdown-content {
    min-width: 100%
}

/*.w3-bar-block .w3-dropdown-hover .w3-button,
.w3-bar-block .w3-dropdown-click .w3-button {
    width: 100%;
    text-align: left;
    padding: 0.5rem 1rem;
}*/

.w3-main {
    transition: margin-left .4s
}

.w3-modal {
    z-index: 3;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4)
}

.w3-modal-content {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: 600px
}

.w3-bar {
    width: 100%;
    overflow: hidden
}

.w3-center .w3-bar {
    display: inline-block;
    width: auto
}

.w3-bar .w3-bar-item {
	padding: 0.5rem 1rem;
	float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0
}

.w3-bar .w3-dropdown-hover,
.w3-bar .w3-dropdown-click {
    position: relative;
    float: left
}

.w3-bar .w3-button {
    white-space: normal
}

.w3-bar-block .w3-bar-item {
    width: 100%;
    display: block;
    padding: 0.5rem 1rem;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0
}

.w3-bar-block.w3-center .w3-bar-item {
    text-align: center
}

.w3-block {
    display: block;
    width: 100%
}

.w3-responsive {
    display: block;
    overflow-x: auto
}

.w3-sand, .w3-hover-sand:hover {
    color: #000 !important;
    background-color: #fdf5e6 !important;
}

.w3-container:after,
.w3-container:before,
.w3-panel:after,
.w3-panel:before,
.w3-row:after,
.w3-row:before,
.w3-row-padding:after,
.w3-row-padding:before,
.w3-cell-row:before,
.w3-cell-row:after,
.w3-clear:after,
.w3-clear:before,
.w3-bar:before,
.w3-bar:after {
    content: "";
    display: table;
    clear: both
}

.w3-col,
.w3-half,
.w3-third,
.w3-twothird,
.w3-threequarter,
.w3-quarter {
    float: left;
    width: 100%
}

.w3-col.s1 {
    width: 8.33333%
}

.w3-col.s2 {
    width: 16.66666%
}

.w3-col.s3 {
    width: 24.99999%
}

.w3-col.s4 {
    width: 33.33333%
}

.w3-col.s5 {
    width: 41.66666%
}

.w3-col.s6 {
    width: 49.99999%
}

.w3-col.s7 {
    width: 58.33333%
}

.w3-col.s8 {
    width: 66.66666%
}

.w3-col.s9 {
    width: 74.99999%
}

.w3-col.s10 {
    width: 83.33333%
}

.w3-col.s11 {
    width: 91.66666%
}

.w3-col.s12 {
    width: 99.99999%
}

.w3-rest {
    overflow: hidden
}

.w3-stretch {
	margin-left: -1rem;
	margin-right: -1rem;
}

.w3-content,
.w3-auto {
    margin-left: auto;
    margin-right: auto
}

.w3-cell-row {
    display: table;
    width: 100%
}

.w3-cell {
    display: table-cell
}

.w3-cell-top {
    vertical-align: top
}

.w3-cell-middle {
    vertical-align: middle
}

.w3-cell-bottom {
    vertical-align: bottom
}

.w3-hide {
    display: none!important
}

.w3-show-block,
.w3-show {
    display: block!important
}

.w3-show-inline-block {
    display: inline-block!important
}

.w3-top,
.w3-bottom {
    width: 100%;
    z-index: 1
}

.w3-top {
    top: 0
}

.w3-bottom {
    bottom: 0
}

.w3-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2
}

.w3-display-topleft {
    position: absolute;
    left: 0;
    top: 0
}

.w3-display-topright {
    position: absolute;
    right: 0;
    top: 0
}

.w3-display-bottomleft {
    position: absolute;
    left: 0;
    bottom: 0
}

.w3-display-bottomright {
    position: absolute;
    right: 0;
    bottom: 0
}

.w3-display-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.w3-display-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(-0%, -50%)
}

.w3-display-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%)
}

.w3-display-topmiddle {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%)
}

.w3-display-bottommiddle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%)
}

.w3-display-container:hover .w3-display-hover {
    display: block
}

.w3-display-container:hover span.w3-display-hover {
    display: inline-block
}

.w3-display-hover {
    display: none
}


.w3-circle {
    border-radius: 50%
}

.w3-round-small {
	border-radius: 0.125rem;
}

.w3-round,
.w3-round-medium {
	border-radius: 0.25rem;
}

.w3-round-large {
	border-radius: 0.5rem;
}

.w3-round-xlarge {
	border-radius: 1rem;
}

.w3-round-2xlarge {
	border-radius: 2rem;
}

.w3-row-padding,
.w3-row-padding>.w3-half,
.w3-row-padding>.w3-third,
.w3-row-padding>.w3-twothird,
.w3-row-padding>.w3-threequarter,
.w3-row-padding>.w3-quarter,
.w3-row-padding>.w3-col {
	padding: 0 0.5rem;
}

.w3-container,
.w3-panel {
	padding: 0.01rem 1rem
}

.w3-panel {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.w3-green, .w3-hover-green:hover {
    color: #fff !important;
    background-color: #4CAF50 !important;
}

.w3-teal, .w3-hover-teal:hover {
    color: #fff !important;
    background-color: #009688 !important;
}

.w3-orange {
    color: #fff !important;
    background-color: rgba(255,152,0,1) !important;
}

.w3-orange:hover {
    background-color: rgba(255,152,0,.95) !important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}

.w3-card {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.w3-card4,
.w3-hover-shadow:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
}

.w3-opacity,
.w3-hover-opacity:hover {
    opacity: 0.60
}

.w3-opacity-off,
.w3-hover-opacity-off:hover {
    opacity: 1
}

.w3-opacity-max {
    opacity: 0.25
}

.w3-opacity-min {
    opacity: 0.75
}

.w3-greyscale-max,
.w3-grayscale-max,
.w3-hover-greyscale:hover,
.w3-hover-grayscale:hover {
    filter: grayscale(100%)
}

.w3-greyscale,
.w3-grayscale {
    filter: grayscale(75%)
}

.w3-greyscale-min,
.w3-grayscale-min {
    filter: grayscale(50%)
}

.w3-sepia {
    filter: sepia(75%)
}

.w3-sepia-max,
.w3-hover-sepia:hover {
    filter: sepia(100%)
}

.w3-sepia-min {
    filter: sepia(50%)
}

/* font-size */
.w3-tiny {
	font-size: 0.625rem!important
}

.w3-small {
	font-size: 0.75rem!important
}

.w3-medium {
	font-size: 0934rem!important
}

.w3-large {
	font-size: 1.125rem!important
}

.w3-xlarge {
	font-size: 1.5rem!important
}

.w3-2xlarge {
	font-size: 2.25rem!important
}

.w3-3xlarge {
	font-size: 3rem!important
}

.w3-jumbo {
	font-size: 4rem!important
}

.w3-left-align {
    text-align: left!important
}

.w3-right-align {
    text-align: right!important
}

.w3-justify {
    text-align: justify!important
}

.w3-center {
    text-align: center!important
}

.w3-border {
    border: 1px solid #ccc!important
}

.w3-border-top {
    border-top: 1px solid #ccc!important
}

.w3-border-bottom {
    border-bottom: 1px solid #ccc!important
}

.w3-border-left {
    border-left: 1px solid #ccc!important
}

.w3-border-right {
    border-right: 1px solid #ccc!important
}

.w3-topbar {
	border-top: 0.5rem solid #ccc!important
}

.w3-bottombar {
	border-bottom: 0.5rem solid #ccc!important
}

.w3-leftbar {
	border-left: 0.5rem solid #ccc!important
}

.w3-rightbar {
	border-right: 0.5rem solid #ccc!important
}

.w3-section,
.w3-code {
	margin-top: 1rem!important;
	margin-bottom: 1rem!important
}
/*
.w3-button:hover {
    color: #000!important;
    background-color: #ccc!important
}
*/

.w3-right {
    float: right !important
}

.w3-transparent,
.w3-hover-none:hover {
    background-color: transparent!important
}

.w3-hover-none:hover {
    box-shadow: none!important
}

.w3-margin{margin:8px!important}.w3-margin-top{margin-top:8px!important}.w3-margin-bottom{margin-bottom:8px!important}
.w3-margin-left{margin-left:8px!important}.w3-margin-right{margin-right:8px!important}
.w3-padding-left-right16{padding-left:0!important;padding-right:0!important}
.w3-padding-left-right32{padding-left:0!important;padding-right:0!important}
.w3-padding-small,.w3-padding,.w3-padding-large, .w3-padding-ex {padding:4px!important}
.w3-padding-16{padding-top:8px!important;padding-bottom:8px!important}.w3-padding-24{padding-top:8px!important;padding-bottom:8px!important}
.w3-padding-32{padding-top:8px!important;padding-bottom:8px!important}.w3-padding-48{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-64{padding-top:8px!important;padding-bottom:8px!important}
.w3-padding-top-64,.w3-padding-top-48{padding-top:0!important}
.w3-padding-top-32,.w3-padding-top-24{padding-top:0!important}
.w3-left-shadow {box-shadow: none; border-bottom: 1px dashed #E3E3E3;}
.w3-mobile-only{display:block!important}.w3-desktop-only{display:none!important}

.w3-video-container {
    width: 100%;
    position: relative;
    padding: 0;
    padding-top: 56.25%;
    margin: 25px 0;
}
.w3-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Extra small devices (phones, 600px and down) */
@media (max-width: 600px) {
    .w3-modal-content {
		margin: 0 0.625rem;
		width: auto!important
	}
	.w3-modal {
			padding-top: 1.875rem;
    }
    .w3-dropdown-hover.w3-mobile .w3-dropdown-content,
    .w3-dropdown-click.w3-mobile .w3-dropdown-content {
        position: relative
    }
    .w3-hide-small {
        display: none!important
    }
    .w3-mobile {
        display: block;
        width: 100%!important
    }
    .w3-bar-item.w3-mobile,
    .w3-dropdown-hover.w3-mobile,
    .w3-dropdown-click.w3-mobile {
        text-align: center
    }
    .w3-dropdown-hover.w3-mobile,
    .w3-dropdown-hover.w3-mobile .w3-btn,
    .w3-dropdown-hover.w3-mobile .w3-button,
    .w3-dropdown-click.w3-mobile,
    .w3-dropdown-click.w3-mobile .w3-btn,
    .w3-dropdown-click.w3-mobile .w3-button {
        width: 100%
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media  (min-width: 601px) {
    .w3-col.m1 {
        width: 8.33333%
    }
    .w3-col.m2 {
        width: 16.66666%
    }
    .w3-col.m3,
    .w3-quarter {
        width: 24.99999%
    }
    .w3-col.m4,
    .w3-third {
        width: 33.33333%
    }
    .w3-col.m5 {
        width: 41.66666%
    }
    .w3-col.m6,
    .w3-half {
        width: 49.99999%
    }
    .w3-col.m7 {
        width: 58.33333%
    }
    .w3-col.m8,
    .w3-twothird {
        width: 66.66666%
    }
    .w3-col.m9,
    .w3-threequarter {
        width: 74.99999%
    }
    .w3-col.m10 {
        width: 83.33333%
    }
    .w3-col.m11 {
        width: 91.66666%
    }
    .w3-col.m12 {
        width: 99.99999%
    }
}

@media (max-width:767px) {
    .w3-modal-content {
        width: 500px
    }
    .w3-modal {
		padding-top: 3.125rem;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) {
    .w3-mobile-only{display: none!important}.w3-desktop-only{display:block!important}
    .w3-left-shadow {box-shadow: -6px 0px 6px 0px rgba(0,0,0,0.12)}
    .w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
    .w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
    .w3-padding-left-right16{padding-left:16px!important;padding-right:16px!important}
    .w3-padding-left-right32{padding-left:32px!important;padding-right:32px!important}
    .w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important} .w3-padding-ex {padding:8px 64px!important}
    .w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
    .w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
    .w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
    .w3-padding-top-64{padding-top:64px!important}.w3-padding-top-48{padding-top:48px!important}
    .w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important}
}

@media (max-width:992px) {
    .w3-main {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .w3-auto {
        max-width: 100%
    }
}

@media (max-width:992px) and (min-width:601px) {
    .w3-hide-medium {
        display: none!important
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 993px) {
	.w3-col.l1 {
		width: 8.33333%
	}
	.w3-col.l2 {
		width: 16.66666%
	}
	.w3-col.l3 {
        width: 24.99999%
    }
    .w3-col.l4 {
        width: 33.33333%
    }
    .w3-col.l5 {
        width: 41.66666%
    }
    .w3-col.l6 {
        width: 49.99999%
    }
    .w3-col.l7 {
        width: 58.33333%
    }
    .w3-col.l8 {
        width: 66.66666%
    }
    .w3-col.l9 {
        width: 74.99999%
    }
    .w3-col.l10 {
        width: 83.33333%
    }
    .w3-col.l11 {
        width: 91.66666%
    }
    .w3-col.l12 {
        width: 99.99999%
    }

    .w3-modal-content {
        width: 900px
    }
    .w3-hide-large {
        display: none!important
    }
    .w3-sidebar.w3-collapse {
        display: block!important
    }
    .w3-padding-ex {padding:0 100px!important}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (min-width: 1200px) {
    .w3-padding-ex {padding:0 150px!important}
}
/*tiny-slider.css*/
.tns-outer{padding:0 !important}.tns-outer [hidden]{display:none !important}.tns-outer [aria-controls],.tns-outer [data-action]{cursor:pointer}.tns-slider{-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.tns-slider>.tns-item{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tns-horizontal.tns-subpixel{white-space:nowrap}.tns-horizontal.tns-subpixel>.tns-item{display:inline-block;vertical-align:top;white-space:normal}.tns-horizontal.tns-no-subpixel:after{content:'';display:table;clear:both}.tns-horizontal.tns-no-subpixel>.tns-item{float:left}.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item{margin-right:-100%}.tns-no-calc{position:relative;left:0}.tns-gallery{position:relative;left:0;min-height:1px}.tns-gallery>.tns-item{position:absolute;left:-100%;-webkit-transition:transform 0s, opacity 0s;-moz-transition:transform 0s, opacity 0s;transition:transform 0s, opacity 0s}.tns-gallery>.tns-slide-active{position:relative;left:auto !important}.tns-gallery>.tns-moving{-webkit-transition:all 0.25s;-moz-transition:all 0.25s;transition:all 0.25s}.tns-autowidth{display:inline-block}.tns-lazy-img{-webkit-transition:opacity 0.6s;-moz-transition:opacity 0.6s;transition:opacity 0.6s;opacity:0.6}.tns-lazy-img.tns-complete{opacity:1}.tns-ah{-webkit-transition:height 0s;-moz-transition:height 0s;transition:height 0s}.tns-ovh{overflow:hidden}.tns-visually-hidden{position:absolute;left:-10000em}.tns-transparent{opacity:0;visibility:hidden}.tns-fadeIn{opacity:1;filter:alpha(opacity=100);z-index:0}.tns-normal,.tns-fadeOut{opacity:0;filter:alpha(opacity=0);z-index:-1}.tns-vpfix{white-space:nowrap}.tns-vpfix>div,.tns-vpfix>li{display:inline-block}.tns-t-subp2{margin:0 auto;width:310px;position:relative;height:10px;overflow:hidden}.tns-t-ct{width:2333.3333333%;width:-webkit-calc(100% * 70 / 3);width:-moz-calc(100% * 70 / 3);width:calc(100% * 70 / 3);position:absolute;right:0}.tns-t-ct:after{content:'';display:table;clear:both}.tns-t-ct>div{width:1.4285714%;width:-webkit-calc(100% / 70);width:-moz-calc(100% / 70);width:calc(100% / 70);height:10px;float:left}


/* ══════════════════════════════════════════════════════════════════
 * Tool page layout — left ad column + main column
 * Shared by template-single-hub-satellite.php, template-tool-type.php
 * and every page-template/template-*.php tool page (via
 * page-template/inc-sidebar-ads.php).
 * ══════════════════════════════════════════════════════════════════ */
.main-container {
    display: flex;
    align-items: flex-start;
    min-height: calc(100vh - 260px);
}

/* flex:0 0 auto stops the column collapsing when the main column holds a
 * wide element.
 *
 * 385px minus 10px padding each side minus the 1px border leaves 364px of
 * content — 364 rather than exactly 360 so there is a few px of slack.
 * The old 322px column left 301px: a 300x250 fits and nothing better.
 * 364px also fits 336x280 and 300x600, the two higher-CPM sidebar units —
 * a 300-wide column quietly caps what this inventory can ever earn.
 *
 * The .ad-box elements are placeholders today: the site runs AdSense Auto
 * Ads, which inserts its own containers and never fills an arbitrary div.
 * They are sized now so that switching to manual ad units later is a
 * configuration change, not a layout change. */
.sidebar {
    flex: 0 0 385px;
    width: 385px;
    min-width: 385px;
    padding: 10px;
    border-right: 1px solid #e5e5e5;
    background: var(--sidebar-bg, #fafafa);
}
.ad-box {
    background: #eee;
    border-radius: 6px;
    margin-bottom: 15px;
    min-width: 360px;
    min-height: 250px;
}

/* min-width:0 lets the main column shrink instead of the ad column. */
.main {
    flex: 1 1 auto;
    min-width: 0;
    padding: 24px;
    background: var(--bg-color, #f8f8f8);
}

/* Tool templates whose inner .mt-page/.info-page/.sp-page/.kf-page
 * already supplies its own padding and max-width. */
.main-col {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 768px) {
    .main-container { display: block; }
    .sidebar { display: none; }
    .main { padding: 16px; }
}

/* page.php renders its content inside .content_container, which is a fixed
 * width:1200px. Inside the ad-column flex layout that overflows, so constrain
 * it here rather than changing the global rule the homepage also relies on. */
.main-col .content_container {
    width: 100%;
    max-width: 1200px;
}