@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;700&display=swap");

div.alert-old {
 text-align:center;
 padding:25px;
 font-size:20px;
 color:#777;
 background-color:black;
 color:#f0f0f0
}

div.alert-old a {
 color:white;
 text-decoration:underline;
 font-weight:bold
}
div.alert-old a:hover {
 color:orange
}

::selection {
 background:#0054ff;
 color:white
}
::-webkit-selection {
 background:#0054ff;
 color:white
}
::-khtml-selection {
 background:#0054ff;
 color:white
}
::-moz-selection {
 background:#0054ff;
 color:white
}
::-wap-selection {
 background:#0054ff;
 color:white
}
::-ms-selection {
 background:#0054ff;
 color:white
}
::-o-selection {
 background:#0054ff;
 color:white
}
body {
 cursor:default;
 background-color:#fff;
 font-size:0;
 font-family: 'Rubik', sans-serif;
}
.wrapper {
 display:block;
 margin:0 auto;
 width:980px
}
.inl {
 display:inline-block;
 vertical-align:top;
 display:inline;
 zoom:1
}
.tal {
 text-align:right
}
.tac {
 text-align:center
}
.tar {
 text-align:right
}
img {
 display:block;
 margin:0px 0px;
 padding:0px 0px;
 border:none;
 width:100%
}
img.auto {
 width:auto;
 margin:0 auto
}
img.right {
 float:right;
 margin:0px 0px 10px 10px;
 width:250px
}
img.left {
 float:left;
 margin:0px 10px 10px 0px;
 width:250px
}

textarea {
 font-family: 'Rubik', sans-serif;
 flex-direction: column;
 cursor: text;
 white-space: pre-wrap;
 overflow-wrap: break-word;
 overflow: auto;
 color: #555;
 height: auto;
 padding: 8px 12px;

 background-color: #f7f7f7;
 border: 1px solid #f7f7f7;
 min-height: 140px;
 margin-bottom: 20px;
 width: 100%;
}

.header {
 display:block;
 background-color:#fff
}
.header .header-left {
 display: inline-block;
 width:40%;
 padding:10px 0px;
 box-sizing:border-box
}

.header .header-left a {
 display: inline-block;
}

.header .header-left img {
 display: inline-block;
 width:auto;
 margin:10px 0
}
.header .header-right {
 display: inline-block;
 width:60%;
 text-align:left;
}
.header .header-right ul {
 display:block;
 margin:0 0;
 padding:40px 0;
 box-sizing:border-box
}
.header .header-right ul li {
 display:inline-block;
 margin:0 0;
 padding:0 10px;
 font-size:16px;
 font-weight:bold;
 font-style:italic;
 color:#265c83
}
.header .header-right ul li a {
 color:#265c83
}
.header .header-right ul li a:hover {
 text-decoration:underline
}

.content {
 display:block;
 margin:0;
 font-size:0px
}
.content .content-inner .article {
 width:70%
}
.content .content-inner .article a {
 color:blue
}
.content .content-inner .article a:hover {
 text-decoration:underline
}
.content .content-inner .article .article-inner {
 padding:0px 20px 0px 0px
}
.content .content-inner .article .article-inner .article-content {
 background-color:#fff
}
.content .content-inner .article .article-inner .article-content .article-content-inner {
 padding:20px 20px
}
.content .content-inner .article .article-inner .article-content .article-content-inner h1 {
 display:block;
 margin:10px 0px;
 padding:0px 0px;
 font-size:50px;
 font-style:italic;
 font-weight:800;
 color:red;
}
.content .content-inner .article .article-inner .article-content .article-content-inner h2 {
 margin:20px 0;
 padding:0 0;
 font-size:25px;
 line-height:30px;
 font-style:italic
}
.content .content-inner .article .article-inner .article-content .article-content-inner h2 span {
 color:red
}
.yell {
 display: inline-block;
 margin:10px 0;
 background-color:yellow;
 color:#000
}

.title-comments, .title-respond {
 padding: 20px 0;
 margin: 0 auto;
}

input {
 font-family: 'Rubik', sans-serif;
 background-color: #f7f7f7;
 border: 1px solid #f7f7f7;
 min-height: 40px;
 margin-bottom: 20px;
 width: 100%;
 padding: 8px 12px;
 color: #555;
 cursor: text;
}

.sr-only {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0,0,0,0);
 border: 0;
}

.col-md-4 {
 position: relative;
 min-height: 1px;
 padding-right: 15px;
 padding-left: 15px;
 float: right;
 box-sizing: border-box;
 width: 33.33333333%;
}


#submit {
 cursor: pointer;
 font-size: 22px;
 line-height: 1.5;
 padding: 10px 30px;
 border-radius: 3px;
 background-color: #000000;
 border-color: #000000;
 color: #ffffff;
 width: auto;
}

.row {
 box-sizing: border-box;
}

#commentform {
 position: relative;
 box-sizing: border-box;
 padding: 0 0 60px;
 margin-right: auto;
 margin-left: auto;
 line-height: 1;
}

.content .content-inner .article .article-inner .article-content .article-content-inner h2 {
 margin:0px 0px;
 padding:0px 0px;
 font-size:28px
}
.content .content-inner .article .article-inner .article-content .article-content-inner h2 span {
 color:red
}
.content .content-inner .article .article-inner .article-content .article-content-inner h3 {
 margin:0px 0px;
 padding:0px 0px;
 font-size:20px
}
.content .content-inner .article .article-inner .article-content .article-content-inner p {
 width: 100%;
 margin:20px 0px;
 padding:0px 0px;
 font-size:20px;
 line-height:24px
}

.dual {
 overflow: auto;
}

.dual img {
 float: right;
 width: unset;
 max-width: 50%;
}

.unset {
 width: unset;
 max-width: 100%;
}


.content .content-inner .article .article-inner .article-content .article-content-inner .meta {
 display:block;
 margin:10px 0px
}
.content .content-inner .article .article-inner .article-content .article-content-inner .meta p {
 font-size:14px
}
.content .content-inner .article .article-inner .article-content .article-content-inner ol {
 display:block;
 margin:30px 0px;
 font-size:16px
}
.content .content-inner .article .article-inner .article-content .article-content-inner ol li {
 margin:0px 0px 10px
}
.content .content-inner .article .article-inner .article-content .article-content-inner .product {
 display:block;
 margin:20px 0px
}
.content .content-inner .article .article-inner .article-content .article-content-inner .product img {
 display:block;
 margin:0 auto;
 width:200px
}
.content .content-inner .article .article-inner .article-content .article-content-inner .product a {
 display:block;
 font-weight:bold;
 font-size:20px;
 text-align:center;
 margin:20px auto
}
.content .content-inner .sidebar {
 width:30%
}
.content .content-inner .sidebar .sidebar-inner {
 padding:0px 0px 0px 20px
}
.content .content-inner .sidebar .sidebar-inner .sidebar-content {
 display:block;
 background-color:#fff
}
.content .content-inner .sidebar .sidebar-inner .sidebar-content .sidebar-content-inner {
 padding:20px 30px
}
.content .content-inner .sidebar .sidebar-inner .sidebar-content .sidebar-content-inner img {
 display:block;
 margin:0 auto;
 width:auto
}


.bottom {
 width:100%;
 background-color: rgba(0,0,0,0.3);
 position:fixed;
 left:0px;
 bottom:0px;
 padding:10px 0;
 text-align:center
}
.bottom a {
 display:block;
 width:200px;
 font-size:16px;
 color:#fff;
 border:2px solid #ba3d3d;
 border-radius:10px;
 background:#ba3d3d;
 text-align:center;
 padding:10px 0;
 box-sizing:border-box;
 margin:0 auto;
 font-weight:bold
}
.bottom a:hover {
 text-decoration:none
}


.comments {
 display:block;
 margin:20px 0px;
 font-size:0px
}
.comments .comments-inner {
 padding:0px 0px
}
.comments .comments-inner .comment-box {
 margin:20px 0px;
 display:block;
 padding:0px 0px 20px;
 border-bottom:1px solid #d9d9d9
}
.comments .comments-inner .comment-box .comment-pic {
 float: right;
 width:55px;
 margin-top: 10px;
}
.comments .comments-inner .comment-box .comment-pic img {
 display:block;
 width:auto;
 margin:0px 0px
}
.comments .comments-inner .comment-box .comment-text {
 width:80%
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner {
 overflow: auto;
 padding:0px 20px
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner h1 {
 float: right;
 display:block;
 margin:2px 0px 0px !important;
 font-size:15px !important;
 text-align:right !important;
 text-transform:none !important;
 color:#006598 !important;
 font-family: 'Rubik', sans-serif;
 font-style:normal !important
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner p {
 float: right;
 display:block;
 margin:5px 0px !important;
 padding:0px 0px;
 font-size:14px !important;
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner img {
 display:block;
 margin:10px 0;
 max-width:200px !important
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner h2 {
 float: right;
 display:block;
 margin:10px 0px 0px !important;
 font-size:13px !important;
 text-align:right;
 text-transform:none;
 color:#57585a
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner h2 span {
 color:#006598 !important;
 border:none;
 background-color:transparent;
 background-image:none;
 padding:0px 0px
}

@media screen and (max-width:1024px) {
}

@media screen and (max-width:770px) {
}

@media screen and (max-width:600px) {
 .comments .comments-inner .comment-box .comment-pic {
 width:50px
 }
 .comments .comments-inner .comment-box .comment-text {
 width:70%
 }
 .comments .comments-inner .comment-box .comment-text .comment-text-inner img {
 width:150px !important
 }
}

@media screen and (max-width:420px) {
}

@media screen and (max-width:1024px) {
 .wrapper {
 width:700px
 }
 .header .header-left img {
 width:100%;
 margin:0 auto
 }
 .header .header-left {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
 }
 .header .header-right {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
 }
 .header .header-right ul {
  padding: 0 0 30px 0;
  border-bottom: 1px solid #ccc;
 }
 .content {
 margin:10px 0
 }
 .content .content-inner .article .article-inner .article-content .article-content-inner h1 {
 font-size:30px;
 }
 .content .content-inner .article .article-inner .article-content .article-content-inner h2 {
 font-size:20px;
 }
 .content .content-inner .sidebar .sidebar-inner .sidebar-content .sidebar-content-inner img {
 width:100%
 }
 .content .content-inner .article {
 width:100%
 }
 .content .content-inner .article .article-inner {
 padding:0px
 }
 .content .content-inner .sidebar {
 width:100%;
 margin:40px 0px
 }
 .content .content-inner .sidebar .sidebar-inner {
 padding:0px
 }
}

@media screen and (max-width:770px) {
 .wrapper {
 width:550px
 }
 img.right {
 width:100%;
 margin:0px 0px 20px
 }
 img.left {
 width:100%;
 margin:0px 0px 20px
 }
 img.auto {
 width:100%;
 margin:0 auto
 }
}

@media screen and (max-width:600px) {
 .wrapper {
 width:95%
 }
}

@media screen and (max-width:420px) {
 .wrapper {
 width:95%
 }
}

html {
 font-family: 'Rubik', sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}



body {
 margin:0
}





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



audio,
canvas,
progress,
video {
 display:inline-block;
 vertical-align:baseline
}



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



[hidden],
template {
 display:none
}





a {
 background-color:transparent
}



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





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



b,
strong {
 font-weight:bold
}



dfn {
 font-style:italic
}



h1 {
 font-size:2em;
 margin:0.67em 0
}



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



small {
 font-size:80%
}



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

sup {
 top:-0.5em
}

sub {
 bottom:-0.25em
}





img {
 border:0
}



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





figure {
 margin:1em 40px
}



hr {
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 height:0
}



pre {
 overflow:auto
}



code,
kbd,
pre,
samp {
 font-family: 'Rubik', sans-serif;
 font-size:1em
}



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



input {
 line-height:normal
}



input[type="checkbox"],
input[type="radio"] {
 box-sizing:border-box;
 padding:0
}



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



input[type="search"] {
 -webkit-appearance:textfield;
 -moz-box-sizing:content-box;
 -webkit-box-sizing:content-box;
 box-sizing:content-box
}



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



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



legend {
 border:0;
 padding:0
}




optgroup {
 font-weight:bold
}





table {
 border-collapse:collapse;
 border-spacing:0
}

td,
th {
 padding:0
}



.whatsapp-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 14px;
    border-radius: 12px;
    text-decoration: none;
    background: #25d366;
    color: #ffffff;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 600;
    direction: rtl;
}

.whatsapp-link:hover {
    opacity: 0.9;
}

.whatsapp-icon {
    font-size: 20px;
}