/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.0
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
:root{
--wp--preset--font-family--body: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",
    sans-serif; /*line-height:22px;*/
  --wp--preset--font-family--heading: "Open Sans"; 
}
input,button{
font-family: inherit;
}
body,
html {
  width: 100%;
  min-height: 100%;
}
body {
  font-size: 14px;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",
    sans-serif; /*line-height:22px;*/
  text-align: left;
  word-spacing: 0px;
  background-color: #fff;
  color: #233060;
  *overflow: hidden;
  top: 0px !important;
  display: flex;
  flex-direction: column;
  line-height: 24px;
}
ul li {
  list-style: none;
}
img {
  border: none;
  margin: 0px;
  /*max-width: 100%; 
	height: auto; 
	width: auto\9;  ie8 */
}
a {
  color: #3272e3;
  text-decoration: none;
  outline: none;
  background: none;
}
input[type="text"]:focus,
input[type="submit"]:focus{
 outline: 2px solid #3272e3;
}
.nav {
  float: right;
  margin: 0;
  padding: 0;
}
.nav > li {
  float: left;
  margin-right: 15px;
  text-align: center;
  position: relative;
  z-index: 2;
}
.nav > li.cur > a {
  color: #588eee;
}
.nav > li > button {
  color: #fff;
  font-size: 16px;
  padding: 10px 0;
  margin: 0 10px;
  display: block;
  font-weight: 500;
  background: none;
  border: none;
  cursor: pointer;
  line-height: 26px;
}
.nav > li > a {
  color: #fff;
  font-size: 16px;
  padding: 10px 0;
  margin: 0 10px;
  display: block;
  font-weight: 500;
  line-height: 26px;
}

.nav > li > button:hover {
  text-decoration: none; /* color:#2aaede;*/
  /* border-radius: 5px;
  background: #404040; */
  color: #588eee;
}
.nav > li > a:hover {
  text-decoration: none; /* color:#2aaede;*/
  /* border-radius: 5px;
  background: #404040; */
  color: #588eee;
}
.nav > li > a:hover #store path {
  stroke: #588eee;
}
.subnavpart {
  position: absolute;
  display: none;
  left: 0px;
  z-index: 1001;
  padding-top: 3px;
}
.subnav {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  position: relative;
  z-index: 1002;
  margin-top: -1px;
  padding: 15px 10px 0;
  background: #fff;
  opacity: 0.98;
}
.subnav li {
  float: none;
  position: static;
  line-height: 30px;
  text-align: left;
}
.subnav li a {
  font-size: 13px;
  display: block;
  color: #4d4d4d;
  white-space: nowrap;
}
.subnav li a:hover {
  text-decoration: underline;
  color: #1085c8;
}
.subnavpart .subnav a {
  display: block;
  font-size: 14px;
  line-height: 30px;
  text-align: left;
  color: #4d4d4d;
  white-space: nowrap;
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 0 15px;
}
.subnavpart .subnav a:hover {
  /* color: #1085c8; */
  text-decoration: none;
  background: #e9ebf0;
}
#store-wrap {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 28px;
  /* visibility: hidden; */
  vertical-align: top;
  display: inline-block;
  margin: -3px 3px 0 0;
  background: url(/images/store-icon.png) center 1px no-repeat;
}
#store-wrap.store-page {
  background: url(/images/store-icon-dark.png) center 1px no-repeat;
}
#store {
  width: 24px;
  height: 28px;
  position: absolute;
  left: 0;
  top: 2px;
  visibility: hidden;
}
#store path {
  stroke: white;
}
#google_translate_element {
  height: 30px;
  width: 93px;
  float: left;
  overflow: hidden;
  margin: 8px 0 0 10px;
  visibility: hidden;
  border: 1px solid #51545b;
  border-radius: 5px;
}
#google_translate_element .goog-te-gadget {
  font-family: "Open Sans", arial, sans-serif;
}
/* OVERRIDE GOOGLE TRANSLATE WIDGET CSS BEGIN */
div#google_translate_element div.goog-te-gadget-simple {
  border: none;
  border-radius: 0;
  background-color: #40434a;
  line-height: 28px;
  height: 28px;
  /*background-color: #17548d;*/ /*#e3e3ff*/
}
.banner_002 div#google_translate_element div.goog-te-gadget-simple {
  background-color: unset;
}
.banner_002 div#google_translate_element div.goog-te-gadget-simple span a span,
.banner_002
  div#google_translate_element
  div.goog-te-gadget-simple
  span
  a
  span:hover {
  color: #233060;
}
.banner_002
  #google_translate_element:hover
  .banner_002
  div#google_translate_element
  div.goog-te-gadget-simple
  span
  a
  span,
.banner_002
  div#google_translate_element
  div.goog-te-gadget-simple
  span
  a
  span:hover {
  color: #3f496e;
}
.banner_002
  div#google_translate_element
  div.goog-te-gadget-simple
  span
  a
  span[style="color: rgb(118, 118, 118);"] {
  background: url(/how-to/wp-content/themes/twentytwentyfour/assets/images/triangle-dark.png) 0 center no-repeat;
}
div#google_translate_element div.goog-te-gadget-simple span > a {
  padding-left: 5px;
}

div#google_translate_element div.goog-te-gadget-simple span a:hover {
  text-decoration: none;
}

div#google_translate_element div.goog-te-gadget-simple span a span {
  color: #fff;
}

div#google_translate_element div.goog-te-gadget-simple span a span:hover {
  color: white;
}

.goog-te-gadget-icon {
  display: none !important;
  /*background:url(../images/translate.png) 0 0 no-repeat !important;
	width:22px; height:22px;
	margin-left:3px;*/
}
/* Remove span with left border line | (next to the arrow) in Chrome & Firefox */
div#google_translate_element
  div.goog-te-gadget-simple
  span
  a
  span[style="border-left: 1px solid rgb(187, 187, 187);"] {
  display: none;
}
/* Remove the down arrow */
/* when dropdown open */
div#google_translate_element div.goog-te-gadget-simple > span {
  display: block;
}
div#google_translate_element
  div.goog-te-gadget-simple
  span
  a
  span[style="color: rgb(213, 213, 213);"] {
  display: none;
  background: url(/how-to/wp-content/themes/twentytwentyfour/assets/images/triangle.png) 0 center no-repeat;
  text-indent: -999em;
  width: 12px;
  margin-right: 5px;
  display: inline-block;
}

/* after clicked/touched */
div#google_translate_element
  div.goog-te-gadget-simple
  span
  a
  span[style="color: rgb(118, 118, 118);"] {
  display: none;
  background: url(/how-to/wp-content/themes/twentytwentyfour/assets/images/triangle.png) 0 center no-repeat;
  text-indent: -999em;
  width: 12px;
  margin-right: 5px;
  display: inline-block;
}
/* on page load (not yet touched or clicked) */
div#google_translate_element
  div.goog-te-gadget-simple
  span
  a
  span[style="color: rgb(155, 155, 155);"] {
  display: none;
  background: url(/how-to/wp-content/themes/twentytwentyfour/assets/images/triangle.png) 0 center no-repeat;
  text-indent: -999em;
  width: 12px;
  margin-right: 5px;
  display: inline-block;
}
.banner_002
  div#google_translate_element
  div.goog-te-gadget-simple
  span
  a
  span[style="color: rgb(155, 155, 155);"] {
  display: none;
  background: url(/how-to/wp-content/themes/twentytwentyfour/assets/images/triangle-dark.png) 0 center no-repeat;
  text-indent: -999em;
  width: 12px;
  margin-right: 5px;
  display: inline-block;
}
.banner_002
  div#google_translate_element
  div.goog-te-gadget-simple
  span
  a
  span[style="color: rgb(213, 213, 213);"] {
  display: none;
  background: url(/how-to/wp-content/themes/twentytwentyfour/assets/images/triangle-dark.png) 0 center no-repeat;
  text-indent: -999em;
  width: 12px;
  margin-right: 5px;
  display: inline-block;
}
.footer {
  *position: relative;
  text-align: center;
  clear: both;
  width: 100%;
  background: #eeeff3;
}
.footer_hr {
  height: 1px;
  background: #dfe1e9;
  border: none;
  margin: 15px auto 10px;
}
.footer_bg {
  padding-bottom: 32px;
}
.sepfoo {
  width: 100%;
}
.footerwrap {
  width: 1000px;
  margin: 0 auto;
  text-align: left;
  font-size: 0;
}
.foopart {
  display: inline-block;
  padding-top: 50px;
  width: 20%;
  vertical-align: top;
}
.foopart ul {
  margin-bottom: 30px;
  padding-left: 0;
}
.translate_nor {
  float: right;
  width: 105px;
}
.utility {
  height: 24px;
}
.utility li {
  float: left;
  margin-right: 15px;
  height: 24px;
  width: 24x;
}
.newsletter_mail {
  /*background:url(../images/releasePage_subscribe_btn.png) left center no-repeat;border:none; */
  width: 81px;
  line-height: 18px;
  color: #4c4c4c;
  margin-top: 10px;
}
.gather {
  width: 48px;
  position: fixed;
  right: 10px;
  bottom: 180px;
  z-index: 10000;
}
.phoneWrap {
  position: relative;
  float: left;
}
.phone {
  background: url(../images/phone.png) 5px center no-repeat #0982c6;
  height: 20px;
  margin-top: 6px;
  width: 90px;
  margin-right: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  padding-left: 24px;
  cursor: pointer;
  overflow: hidden;
}
#phoneConWrap {
  display: none;
  position: absolute;
  width: 231px;
  height: 172px;
  left: -47px;
  bottom: 25px;
  background: url(../images/phoneBg.png) left center no-repeat;
}
.phoneTitle {
  width: 227px;
  margin: 2px 0 0 2px;
  background: #0982c6;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
.phoneCon {
  height: 135px;
}
.supportTip {
  font-size: 12px;
  color: #6d6d6d;
  text-align: center;
  line-height: 16px;
  margin-top: 16px;
  font-weight: 600;
}
.phoneNum {
  padding-left: 48px;
  color: #0982c6;
}
.phoneNum.L {
  font-size: 20px;
  background: url(../images/phoneL.png) 25px center no-repeat;
  line-height: 32px;
}
.phoneNum.M {
  font-size: 15px;
}
.phoneNum.S {
  font-size: 14px;
  line-height: 20px;
}
.foopart ul li {
  text-align: left;
  line-height: 30px;
  font-size: 13px;
  padding-left:0;
}
.foopart ul li a {
  color: #000;
}
.foopart.christmas ul li a {
  color: #fff;
}
.foopart ul li a:hover {
  text-decoration: underline;
}
.utility li a {
  width: 24px;
  height: 24px;
  display: block;
}
.footitle {
  font-size: 13px;
  margin-bottom: 15px;
  font-weight: bold; /*color:#fff;*/
  *color: #000;
  text-align: left;
  margin-top: 0;
}
.footer_title {
  width: 980px;
  height: 53px;
  line-height: 50px;
  margin: 0 auto;
}
.footer_title li {
  float: left;
  text-align: left;
  font-size: 18px;
  color: #898989;
}
.fb {
  background: url(/images/connect_us.png) 0 0 no-repeat;
}
.fb:hover {
  background: url(/images/connect_us.png) 0 -24px no-repeat;
}
.fb:active {
  background: url(/images/connect_us.png) 0 -48px no-repeat;
}
.bird {
  background: url(/images/connect_us.png) -24px 0 no-repeat;
}
.bird:hover {
  background: url(/images/connect_us.png) -24px -24px no-repeat;
}
.bird:active {
  background: url(/images/connect_us.png) -24px -48px no-repeat;
}
.tube {
  background: url(/images/connect_us.png) -48px 0 no-repeat;
}
.tube:hover {
  background: url(/images/connect_us.png) -48px -24px no-repeat;
}
.tube:active {
  background: url(/images/connect_us.png) -48px -48px no-repeat;
}
.footer_title .l1 {
  width: 430px;
}
.footer_title .l2 {
  width: 360px;
}
.footer_ul {
  width: 980px;
  line-height: 23px;
  padding-top: 5px;
  overflow: hidden;
  height: 250px;
}
.footer_ul p a {
  text-decoration: none;
  color: #a3a3a3;
}
.footer_ul_l1 {
  width: 170px;
  padding-left: 16px;
  float: left;
}
.footer_ul_title {
  color: #464646;
  font-size: 14px;
  line-height: 28px;
}
.footer_ul_l2 {
  width: 230px;
  margin-left: 20px;
  float: left;
}
.footer_ul_l3 {
  width: 320px;
  margin-left: 55px;
  float: left;
}
.footer_ul_l4 {
  width: 130px;
  margin-left: 35px;
  float: left;
}
.footer_sprites {
  width: 190px;
  height: 30px;
  position: absolute;
  right: 20px;
  bottom: 40px;
}
.footer_sprites a {
  text-indent: -9999px;
  height: 29px;
  width: 60px;
  display: block;
}
.footer_sprites li {
  width: 60px;
  height: 29px;
  float: left;
  z-index: 1000;
  cursor: pointer;
}
/*.footer_sprites_1 a { background:url(../images/sprites.png) 0 -31px no-repeat; }
.footer_sprites_1 a:hover { background:url(../images/sprites.png) 0 0 no-repeat; }
.footer_sprites_2 a { background:url(../images/sprites.png) -65px -32px no-repeat; }
.footer_sprites_2 a:hover { background:url(../images/sprites.png) -65px -1px no-repeat; }
.footer_sprites_3 a { background:url(../images/sprites.png) -126px -31px no-repeat; }
.footer_sprites_3 a:hover { background:url(../images/sprites.png) -126px 0 no-repeat; }*/
.footer_ul_email {
  padding-top: 1px;
  height: 30px;
  padding-left: 5px;
  background: url(../images/footer_ul_email.gif) no-repeat;
  overflow: hidden;
}
.footer_ul_email input {
  border: 0;
  border: none;
  width: 168px;
  height: 28px;
  font-size: 13px;
  line-height: 28px;
  color: #fff;
  background: #b4b4b4;
}
.footer_ul_btn {
  height: 26px;
  margin-top: 10px;
}
.footer_ul_btn input {
  width: 75px;
  height: 26px;
  background: url(../images/footer_ul_btn.gif) 0 2px no-repeat;
  border: none;
  cursor: pointer;
  color: #fff;
}
#subscribe_email {
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #ebedf1;
  line-height: 30px !important;
  border-radius: 5px;
  padding: 3px 5px;
  min-height: auto;
  font-size: 13px;
  font-family: inherit;
  box-sizing: border-box;
}
#subscribe_email:focus{
  outline: 2px solid #3272e3 inset;
}
#subscribe_tip {
  display: none;
  margin-top: 10px;
  color: #3f7901;
  font-size: 13px;
  line-height: 24px;
}
#subscribe_tip.fail {
  color: #d70000;
}
#subscribe_tip.info {
  color: #8b6201;
}
#subscribe {
  width: 100%;
  line-height: 24px;
  border: 1px solid #dbdde3;
  border-radius: 5px;
  background: #eeeff3;
  color: #000;
  font-weight: normal;
  padding: 0;
  min-height: auto;
  font-size: 13px;
  font-family: inherit;
}
#subscribe:hover {
  background: #f7f6f7;
}
#subscribe:active {
  background: #ececec;
}
.copyrightDiv {
  width: 1000px;
  margin: 0 auto;
}
.copyright {
  line-height: 46px;
  color: #898989;
  overflow: hidden;
  margin: 0;
  padding-left: 0;
}
.copyright_left {
  height: 46px;
  float: left;
  color: #898989;
}
.copyright_left p{
  margin: 0;
}
.copyright_left.christmas {
  height: 46px;
  float: left;
  color: #fff;
}
.copyright_right {
  text-align: right;
  height: 46px;
  padding-left: 30px;
}
.copyright_right a {
  text-decoration: none;
  color: #898989;
} /*color:#898989;*/
.copyright_right.christmas a {
  text-decoration: none;
  color: #fff;
}
.copyright_right a:hover {
  text-decoration: underline;
}
.copyright_right span {
  padding: 0 15px;
  color: #898989;
}
.cookiesTip {
  background: #40434a;
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  border-radius: 5px;
  opacity: 0.9;
}
.ckTipContainer {
  padding: 15px 0;
  width: 1000px;
  margin: 0 auto;
}
.ckTipText {
  color: #fff;
  display: table-cell;
  padding-right: 20px;
  vertical-align: middle;
  line-height: 22px;
}
.ckTipCon {
  display: table;
  width: 100%;
}
.ckTipBtn {
  display: table-cell;
  vertical-align: middle;
}
a.removeCkBtn {
  display: block;
  padding: 1px 20px;
  border-radius: 5px;
  width: 50px;
  text-align: center;
  line-height: 36px;
  color: #2e2e2e;
  white-space: nowrap;
  font-weight: 600;
  color: #fff;
  background: #0a69c7;
  box-sizing: content-box;
}
a.removeCkBtn:hover {
  text-decoration: none;
  color: #fff;
}
.goal {
  display: block;
  margin: 20px auto;
}
.gatherwrap {
  width: 48px;
  /*  height: 106px; */
}
.uv-tab uv-slide-right {
  position: fixed;
  float: right;
  top: 90%;
}
#st-1 .st-btn[data-network="sharethis"]{
  background-color: #fe6d4c !important;
}
.sharethis-inline-share-buttons.st-inline-share-buttons {
  text-align: center !important;
}
.sharethis-inline-share-buttons.st-inline-share-buttons .st-btn {
  border-radius: 24px !important;
  display: block !important;
  margin-bottom: 10px;
}
.sharethis-inline-share-buttons.st-inline-share-buttons .st-btn:hover {
  top: 0 !important;
}
.sharethis-inline-share-buttons.st-inline-share-buttons .st-total {
  color: #233060 !important;
  background-position: center 18px;
  padding: 0 0 8px !important;
  width: 48px;
}
.sharethis-inline-share-buttons.st-inline-share-buttons
  .st-total
  > span.st-shares {
  display: none;
}
.sharethis-inline-share-buttons.st-inline-share-buttons
  .st-total
  > span.st-label {
  font-size: 12px !important;
  line-height: 18px !important;
  border: 1px solid rgb(170, 170, 170);
  border-radius: 5px;
  padding: 0 3px !important;
  background: #fff;
}
.sharethis-inline-share-buttons.st-inline-share-buttons
  .st-total
  > span.st-shares {
  position: relative;
  font-size: 0 !important;
  height: 0;
}
.sharethis-inline-share-buttons.st-inline-share-buttons
  .st-total
  > span.st-shares::before {
  content: "";
  border: 4px solid transparent;
  border-top-color: rgb(170, 170, 170);
  position: absolute;
  left: 20px;
  bottom: -8px;
}
.sharethis-inline-share-buttons.st-inline-share-buttons
  .st-total
  > span.st-shares::after {
  content: "";
  border: 4px solid transparent;
  border-top-color: #fff;
  position: absolute;
  left: 20px;
  bottom: -7px;
}
#myLauncher {
  height: 48px;
  width: 48px;
  margin-top: 10px;
  background: url(/how-to/wp-content/themes/twentytwentyfour/assets/images/suggest.png) center center no-repeat;
  cursor: pointer;
}
#myLauncher:hover{
  opacity: 0.8;
}
#webWidget.widget-pc{
  width: 500px !important;
  max-height: unset !important;
  height: 632px !important;
}
.post-template-item{
  padding: 0 !important;
}
@media (min-width: 1680px) {
.footerwrap,
.copyrightDiv,
.ckTipContainer {
    width: 1200px;
  }
}
@media screen and (max-width: 1041px) {
  .ckTipContainer {
    width: 96%;
  }
}
@media (max-width: 997px) {
  .copyrightDiv {
    width: 96%;
  }
}
@media screen and (max-width: 768px) {
  .copyrightDiv {
    height: auto;
    margin-top: 20px;
    padding-bottom: 10px;
  }
  .copyright {
    line-height: 20px;
    height: auto;
    padding: 0;
  }
  .copyright_left {
    height: auto;
    float: none;
  }
  .copyright_left.christmas {
    height: auto;
    float: none;
  }
  .copyright_right {
    height: auto;
    text-align: center;
    float: none;
    padding: 0;
  }
  .copyright_right.christmas {
    height: auto;
    text-align: center;
    float: none;
    padding: 0;
  }
  #store-wrap {
    vertical-align: text-bottom;
    background: url(/images/store-icon-dark.png) center 1px no-repeat;
  }
  #store path {
    stroke: #233060;
  }
  .subnavpart .subnav a {
    line-height: 45px;
    float: none;
    display: block;
  }
}
@media screen and (max-width: 680px){
  #google_translate_element {
    float: left;
  }
}
@media screen and (max-width: 568px) {
  .cookiesTip {
    width: 100%;
  }
  .ckTipContainer,
  .ckTipCon,
  .ckTipBtn,
  .ckTipText,
  .ckTipBtn {
    display: block;
  }
  .ckTipText {
    padding-right: 0;
  }
  .ckTipBtn {
    margin-top: 20px;
  }
}