/* ::::: https://sanphamchinhhang.info/doctor-amble/amble_files/index.css ::::: */
html { font-family: sans-serif; }
article, figcaption, figure, header, main, nav, section { display: block; }
a:active, a:hover { outline: 0px none; }
b { font-weight: 700; }
h1 { margin: 0.67em 0px; }
img { border: 0px none; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
@media print {
*, *::after, *::before { background: none repeat scroll 0px 0px transparent ! important; color: rgb(0, 0, 0) ! important; box-shadow: none ! important; text-shadow: none ! important; }
a, a:visited { text-decoration: underline; }
abbr[title]::after { content: " (" attr(title) ")"; }
img { page-break-inside: avoid; }
img { max-width: 100% ! important; }
}
*, *::after, *::before { box-sizing: border-box; }
html { font-size: 10px; }
body { margin: 0px; font-family: Ubuntu,helvetica neue,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.6; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); }
a { background-color: transparent; color: rgb(0, 153, 255); text-decoration: none; }
a:focus, a:hover { color: rgb(0, 153, 255); text-decoration: underline; }
a:focus { outline: thin dotted; outline-offset: -2px; }
figure { margin: 0px; }
.img-responsive { max-width: 100%;
max-height: 100%;
width: 100%;
height: auto; }
h1, h4 { font-family: Ubuntu; font-weight: 900; line-height: 1.25; color: inherit; }
h1 { margin-top: 22px; margin-bottom: 11px; }
h4 { margin-top: 11px; margin-bottom: 11px; }
h1 { font-size: 36px; }
h4 { font-size: 18px; }
p { margin: 0px 0px 11px; }
.text-center { text-align: center; }
ul { margin-top: 0px; margin-bottom: 11px; }
abbr[title] { cursor: help; border-bottom: 1px dotted rgb(170, 170, 170); }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
@media (min-width: 1px) {
.container { width: 768px; }
}
@media (min-width: 1024px) {
.container { width: 999px; }
}
@media (min-width: 1280px) {
.container { width: 1255px; }
}
.nav { margin-bottom: 0px; padding-left: 0px; list-style: outside none none; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 9px 12px; }
.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: rgb(245, 245, 245); }
.nav-tabs { border-bottom: 1px solid transparent; }
.nav-tabs > li { float: left; margin-bottom: -1px; }
.nav-tabs > li > a { margin-right: 2px; line-height: 1.6; border: 1px solid transparent; border-radius: 0px; }
.nav-tabs > li > a:hover { border-color: rgb(245, 245, 245) rgb(245, 245, 245) transparent; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: rgb(102, 102, 102); background-color: transparent; border: 1px solid transparent; cursor: default; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.container::after, .container::before, .nav::after, .nav::before { content: ""; display: table; }
.container::after, .nav::after { clear: both; }
.pull-left { float: left ! important; }
.text-hide { font: 0px/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px none; }
.c-app-nav::after, .c-app-nav::before, .c-bar::after, .c-bar::before, .c-nav-extra::after, .c-nav-extra::before, .c-post-info::after, .c-post-info::before, .c-switcher-box::after, .c-switcher-box::before, .o-cmr::after, .o-cmr::before, .o-jumbotron::after, .o-jumbotron::before, .o-row-sm::after, .o-row-sm::before, .o-row::after, .o-row::before { content: ""; display: table; }
.c-app-nav::after, .c-bar::after, .c-nav-extra::after, .c-post-info::after, .c-switcher-box::after, .o-cmr::after, .o-jumbotron::after, .o-row-sm::after, .o-row::after { clear: both; }
.c-app-nav, .c-post-stats, .c-social-list { padding-left: 0px; list-style: outside none none; }
.i-ii { background-image: url('../images/ui.42043a9e.png'); }
@media not all, (min-resolution: 192dpi) {
}
.i-view-light { background-position: -35px -44px; width: 18px; height: 11px; }
.i-ii { display: block; }
@media (max-width: 1023px) {
h1 { font-size: 27px; }
h4 { font-size: 13px; }
}
.nav > li > a { color: rgb(0, 0, 0); }
@media (max-width: 1023px) {
.nav { font-size: 12px; }
}
.nav-tabs > li > a { border-width: 0px 1px ! important; color: rgb(102, 102, 102); background: none repeat scroll 0px 0px rgb(226, 226, 226); font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; padding-left: 9px; padding-right: 9px; }
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover { background: none repeat scroll 0px 0px rgba(226, 226, 226, 0.5); border-right-color: rgba(226, 226, 226, 0.5); }
.nav-tabs > li.active > a { color: rgb(51, 51, 51); }
.nav-tabs > li + li > a { border-left-color: rgb(245, 245, 245); }
.nav-tabs.u-flex-justify-x > li > a { margin-right: 0px; text-align: center; }
@media (max-width: 1023px) {
.nav-tabs > li > a { font-size: 7px; padding-left: 6px; padding-right: 6px; }
}
.text-hide { position: absolute; margin: 0px; }
body { max-width: 1920px; margin-left: auto; margin-right: auto; }
a, button { transition: all 0.3s ease 0s; outline: 0px none ! important; }
*::-moz-selection { background-color: rgb(198, 243, 254); }
h1 { margin-top: 33px; margin-bottom: 22px; }
@media (min-width: 1280px) {
h1 { margin-top: 44px; margin-bottom: 33px; }
}
p, ul { margin-bottom: 5px; }
abbr[title] { border-bottom: 0px none; text-decoration: none; cursor: default; }
a abbr[title] { cursor: inherit; }
figcaption { padding: 6px 8px; font-size: 14px; line-height: 1.6; }
figcaption > span { display: block; color: rgb(0, 0, 0); font-style: normal; }
.o-cmr figcaption { color: rgb(102, 102, 102); font-style: italic; }
@media (min-width: 1366px) {
.container { width: 1341px; }
}
@media (min-width: 1600px) {
.container { width: 1575px; }
}
.o-wrap { padding-left: 54px; padding-right: 54px; }
@media (max-width: 1365px) {
.o-wrap { padding-left: 40px; padding-right: 40px; }
}
.o-row-sm { position: relative; margin-left: -10px; margin-right: -10px; }
.c-sidebar-wrap { float: right; width: 320px; }
.c-sidebar-wrap .c-sidebar { width: 300px; }
.c-main { padding: 0px 10px; }
.c-sidebar-wrap ~ .c-main { float: left; width: 619px; }
@media (max-width: 1023px) {
.c-sidebar-wrap { width: 245px; }
.c-sidebar-wrap .c-sidebar { width: 225px; }
.c-sidebar-wrap ~ .c-main { width: 728px; }
.c-sidebar-wrap { display: none; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
.o-row-sm { position: relative; margin-left: -10px; margin-right: -70px; }
}
@media (min-width: 1280px) {
.c-sidebar-wrap { width: 360px; }
.c-sidebar-wrap .c-sidebar { width: 340px; }
.c-sidebar-wrap ~ .c-main { width: 835px; }
}
@media (min-width: 1366px) {
.c-sidebar-wrap ~ .c-main { width: 893px; }
}
@media (min-width: 1600px) {
.c-sidebar-wrap ~ .c-main { width: 1127px; }
}
.com-txt, .o-cmr { font-weight: 300; font-family: Roboto; font-size: 14px; line-height: 1.6; }
.o-cmr a { font-weight: 400; }
@media (min-width: 1024px) {
.com-txt, .o-cmr { font-size: 18px; }
}
@media (min-width: 1280px) {
.com-txt, .o-cmr { font-size: 18px; line-height: 25px; }
}
@media (min-width: 1600px) {
.com-txt, .o-cmr { font-size: 22px; line-height: 35px; }
}
.c-cmr-img { clear: both; }
.c-cmr-img img { display: block; max-width: 100%; height: auto; }
.c-cmr-img figure { display: table; margin: 0px auto; }
.c-cmr-img figcaption { display: table-caption; caption-side: bottom; background-color: rgb(238, 238, 238); }
.o-cmr .c-cmr-img { margin-bottom: 22px; }
.c-banner { position: relative; padding-bottom: 56px; line-height: 1.42857; }
.c-banner .c-app-nav { position: absolute; top: 100%; left: 0px; right: 0px; }
@media (max-width: 1023px) {
.c-banner { padding-bottom: 42px; }
}
.c-nav.is-fixed { width: 100%; position: fixed; top: 0px; left: 0px; z-index: 930; }
.is-compressed .u-show-on-compression { position: relative; z-index: 1; color: rgb(102, 102, 102); }
.is-compressed .u-show-on-compression a, .is-compressed .u-show-on-compression li > abbr { color: rgb(102, 102, 102); }
.is-compressed .u-show-on-compression a:focus, .is-compressed .u-show-on-compression a:hover { color: rgb(170, 170, 170); }
.c-nav-extra { height: 49px; margin-left: auto; margin-right: auto; position: relative; color: rgb(255, 255, 255); font-family: Ubuntu; transition: background-color 0.3s ease 0s, height 0.3s ease 0s; }
.is-compressed .c-nav-extra { height: 40px; }
@media (min-width: 1024px) {
.c-nav-extra { height: 66px; }
.is-compressed .c-nav-extra { height: 54px; }
}
.c-nav-extra { background-color: rgb(0, 0, 0); }
.c-nav-extra a { fill: rgb(255, 255, 255); }
.is-compressed .c-nav-extra a { fill: rgb(102, 102, 102); }
.c-nav-extra a:focus, .c-nav-extra a:hover { fill: grey; }
.is-compressed .c-nav-extra a:focus, .is-compressed .c-nav-extra a:hover { fill: rgb(170, 170, 170); }
@media (max-width: 1023px) {
.is-compressed .c-nav-unit-content { padding-left: 7px; padding-right: 7px; }
}
.c-nav-extra-right { float: right; }
.c-nav-unit { float: left; height: 35px; margin-top: 7px; vertical-align: middle; transition: opacity 0.3s ease 0s; }
.is-compressed .c-nav-unit { height: 30px; margin-top: 6px; }
@media (min-width: 1024px) {
.c-nav-unit { height: 46px; margin-top: 10px; }
.is-compressed .c-nav-unit { height: 40px; margin-top: 8px; }
}
.c-nav-unit.c-search-nav { border-right: 1px solid transparent; }
.is-compressed .c-nav-unit.c-search-nav { border-right-color: rgb(191, 191, 191); }
.c-nav-extra-right .c-nav-unit { border-right: 1px solid rgba(255, 255, 255, 0.5); }
.is-compressed .c-nav-extra-right .c-nav-unit { border-right-color: rgb(191, 191, 191); }
.c-nav-extra-right .c-nav-unit:last-child { border-right: medium none; }
.c-nav-unit-content { display: block; height: 49px; margin-top: -7px; padding: 10px; transition: margin-top 0.3s ease 0s, height 0.3s ease 0s; }
.is-compressed .c-nav-unit-content { height: 40px; margin-top: -5px; padding-top: 7px; padding-bottom: 7px; }
@media (min-width: 1024px) {
.c-nav-unit-content { height: 66px; margin-top: -10px; padding: 15px 14px; }
.is-compressed .c-nav-unit-content { height: 54px; margin-top: -7px; padding-top: 11px; padding-bottom: 11px; }
}
.c-logo { display: flex; justify-content: center; align-items: center; overflow: hidden; transition: background-color 0.3s ease 0s, width 0.3s ease 0s, height 0.3s ease 0s, padding 0.3s ease 0s; }
.c-app-nav .c-logo { width: 66px; height: 66px; display: flex; float: left; padding-left: 0px; padding-right: 0px; position: fixed; top: 0px; z-index: 900; }
.is-compressed .c-app-nav .c-logo { width: 54px; height: 54px; }
.c-app-nav a.c-logo { text-decoration: none; background-color: rgb(182, 0, 7); }
.c-app-nav a.c-logo:focus, .c-app-nav a.c-logo:hover { background-color: rgb(210, 0, 8); }
.c-logo .i-logo { transition: transform 0.3s ease 0s; }
.is-compressed .c-logo .i-logo { transform: scale(0.818182); }
@media (max-width: 1023px) {
.c-app-nav .c-logo { width: 49px; height: 49px; }
.is-compressed .c-app-nav .c-logo { width: 40px; height: 40px; }
.c-logo .i-logo { transform: scale(0.742424); }
.is-compressed .c-logo .i-logo { transform: scale(0.606061); }
}
.c-lang { list-style: outside none none; margin-bottom: 0px; padding: 0px ! important; }
.c-lang abbr { cursor: inherit; }
.c-lang > li { display: inline-block; vertical-align: middle; font-weight: lighter; }
.c-lang > li + li { margin-left: 6px; }
.c-lang > li:first-child > a { padding-right: 0px ! important; }
.c-lang > li:last-child > abbr { padding-left: 0px ! important; }
.c-lang > li > a, .c-lang > li > abbr { display: block; line-height: 49px; padding: 0px 10px; color: rgb(255, 255, 255); font-size: 11px; }
.is-compressed .c-lang > li > a, .is-compressed .c-lang > li > abbr { line-height: 40px; }
.c-lang > li > a { text-decoration: none; }
.c-lang > li > a:focus, .c-lang > li > a:hover { color: grey; cursor: pointer; }
.c-lang > li > abbr { transition: color 0.3s ease 0s; }
.c-lang > li.is-active { text-shadow: 1px 0px 0px rgb(255, 255, 255); letter-spacing: 1px; }
.is-compressed .c-lang > li.is-active { text-shadow: 1px 0px 0px rgb(0, 0, 0); }
@media (min-width: 1024px) {
.c-lang > li > a, .c-lang > li > abbr { padding: 0px 14px; font-size: 15px; line-height: 66px; }
.is-compressed .c-lang > li > a, .is-compressed .c-lang > li > abbr { line-height: 54px; }
}
.c-app-nav { margin-top: -42px; margin-bottom: 0px; background-color: rgb(255, 255, 255); border-top: 2px solid rgb(191, 19, 77); border-bottom: 2px solid rgb(0, 0, 0); }
.is-fixed .c-app-nav { will-change: margin-top; margin-top: 0px; }
.is-fixed.is-compressed .c-app-nav { transition: margin-top 0.3s ease 0s; margin-top: -40px; }
.c-app-nav a { display: block; color: inherit; }
.c-app-nav a::after { z-index: 1; }
.c-app-nav .c-logo::after { display: none; }
.c-app-nav > li { float: left; margin-top: -2px; border-top: 2px solid transparent; }
.c-app-nav > li:nth-child(2) { margin-left: 54px; }
.c-app-nav > li > a { padding: 0px 7px; line-height: 52px; text-decoration: none; }
.c-app-nav > li > a::after { content: ""; display: block; height: 2px; position: absolute; z-index: 2; top: 100%; left: 0px; right: 0px; background-color: transparent; transition: background-color 0.3s ease 0s; pointer-events: none; }
.c-app-nav > .is-active > a::after { z-index: 1; }
.c-app-nav li { color: rgb(0, 0, 0); border-top-color: transparent; }
.c-app-nav li a:hover, .c-app-nav li.is-active { color: rgb(255, 255, 255); }
.c-app-nav li a:hover, .c-app-nav li.is-active a { fill: rgb(255, 255, 255); }
.c-app-nav li a:hover, .c-app-nav li a:hover::after { background: none repeat scroll 0px 0px rgb(0, 0, 0); }
.c-app-nav li > a:hover, .c-app-nav li > a:hover::after { background: none repeat scroll 0px 0px rgb(51, 51, 51); }
.c-app-nav .u-ukraine { border-top-color: rgb(255, 212, 0); }
.c-app-nav .u-ukraine > a:hover, .c-app-nav .u-ukraine > a:hover::after { background: none repeat scroll 0px 0px rgb(255, 212, 0); }
.c-app-nav .u-politics { border-top-color: rgb(48, 179, 191); }
.c-app-nav .u-politics > a:hover, .c-app-nav .u-politics > a:hover::after { background: none repeat scroll 0px 0px rgb(48, 179, 191); }
.c-app-nav .u-video { border-top-color: rgb(54, 64, 179); }
.c-app-nav .u-video > a:hover, .c-app-nav .u-video > a:hover::after { background: none repeat scroll 0px 0px rgb(54, 64, 179); }
.c-app-nav .u-tsn { border-top-color: rgb(242, 182, 242); }
.c-app-nav .u-tsn > a:hover, .c-app-nav .u-tsn > a:hover::after { background: none repeat scroll 0px 0px rgb(242, 182, 242); }
.c-app-nav .u-blog { border-top-color: rgb(204, 162, 102); }
.c-app-nav .u-blog > a:hover, .c-app-nav .u-blog > a:hover::after { background: none repeat scroll 0px 0px rgb(204, 162, 102); }
.c-app-nav .u-sport { border-top-color: rgb(115, 204, 51); }
.c-app-nav .u-sport > a:hover, .c-app-nav .u-sport > a:hover::after { background: none repeat scroll 0px 0px rgb(115, 204, 51); }
.c-app-nav .u-lady { border-top-color: rgb(191, 34, 25); }
.c-app-nav .u-lady.is-active > a, .c-app-nav .u-lady.is-active > a::after, .c-app-nav .u-lady > a:hover, .c-app-nav .u-lady > a:hover::after { background: none repeat scroll 0px 0px rgb(191, 34, 25); }
.c-app-nav .u-interesting { border-top-color: rgb(242, 101, 34); }
.c-app-nav .u-interesting > a:hover, .c-app-nav .u-interesting > a:hover::after { background: none repeat scroll 0px 0px rgb(242, 101, 34); }
.c-app-nav .u-glamor { border-top-color: rgb(186, 57, 230); }
.c-app-nav .u-glamor > a:hover, .c-app-nav .u-glamor > a:hover::after { background: none repeat scroll 0px 0px rgb(186, 57, 230); }
.c-app-nav .u-special { border-top-color: rgb(242, 182, 0); }
.c-app-nav .u-special > a:hover, .c-app-nav .u-special > a:hover::after { background: none repeat scroll 0px 0px rgb(242, 182, 0); }
@media (max-width: 1279px) {
.c-app-nav .s-from-nav > a, .c-app-nav-more-box .o-title { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px none; }
}
@media (max-width: 1023px) {
.is-compressed .c-lang > li > a, .is-compressed .c-lang > li > abbr { padding-left: 7px; padding-right: 7px; }
.c-app-nav { line-height: 38px; }
.c-app-nav { font-size: 11px; }
.c-app-nav > li > a { padding: 0px 4px; line-height: 38px; }
.c-app-nav > li:nth-child(2) { margin-left: 40px; }
}
@media (min-width: 1024px) {
.c-app-nav { margin-top: -56px; }
.c-app-nav > li > a { padding: 0px 7px; }
.is-fixed.is-compressed .c-app-nav { margin-top: -54px; }
}
@media (min-width: 1280px) {
.c-app-nav > li > a { padding: 0px 7px; }
}
@media (min-width: 1366px) {
.c-app-nav > li > a { padding: 0px 8px; }
}
@media (min-width: 1600px) {
.c-app-nav { font-size: 16px; }
.c-app-nav > li > a { padding: 0px 11px; }
}
@media (max-width: 1023px) {
.c-main .c-bar .c-social-list { padding: 0px 10px; }
}
.c-switcher-box { display: none; }
.c-entry-inverse .c-social-list .i-svg { fill: rgb(255, 255, 255); }
.c-social-list { text-align: center; }
.c-social-list > li { display: inline-block; }
.c-social-list > li > a { display: block; text-decoration: none; }
.c-social-list > li > a .i-svg { transition: fill 0.3s ease 0s; }
.c-social-list > li > a:active .i-fb, .c-social-list > li > a:focus .i-fb, .c-social-list > li > a:hover .i-fb { fill: rgb(73, 98, 154) ! important; }
.c-social-list > li > a:active .i-tw, .c-social-list > li > a:focus .i-tw, .c-social-list > li > a:hover .i-tw { fill: rgb(3, 169, 244) ! important; }
.c-social-list > li > a:active .i-vb, .c-social-list > li > a:focus .i-vb, .c-social-list > li > a:hover .i-vb { fill: rgb(102, 92, 172) ! important; }
.c-social-list > li > a:active .i-tlg, .c-social-list > li > a:focus .i-tlg, .c-social-list > li > a:hover .i-tlg { fill: rgb(74, 144, 226) ! important; }
.c-social-list > li > a:active .i-msgr, .c-social-list > li > a:focus .i-msgr, .c-social-list > li > a:hover .i-msgr { fill: rgb(0, 132, 255) ! important; }
.c-main .c-bar .c-social-list { background: none repeat scroll 0px 0px rgb(0, 0, 0); }
.t-lady .c-main .c-bar .c-social-list { background: none repeat scroll 0px 0px rgb(0, 0, 0) ! important; }
@media (max-width: 1279px) {
.c-main .c-bar .c-social-list { display: flex; align-items: center; position: absolute; top: 0px; bottom: 0px; right: 100%; white-space: nowrap; transition: opacity 0.3s ease 0s; opacity: 0; pointer-events: none; }
}
@media (min-width: 1280px) {
.c-main .c-bar .c-social-list { display: block; }
}
.i-svg { vertical-align: middle; }
.i-tlg { fill-rule: evenodd; }
.o-jumbotron { padding: 10px 40px; background-color: rgb(0, 0, 0); overflow: hidden; font-size: 14px; }
.o-jumbotron .o-jumbotron { margin-bottom: 0px; }
.c-main .o-jumbotron { margin-right: -10px; padding-right: 32px; }
@media (max-width: 1279px) {
.o-jumbotron { padding-top: 7px; }
.c-main .o-jumbotron { margin-right: -20px; }
}
@media (min-width: 1366px) {
.o-jumbotron { margin-left: -54px; margin-right: -54px; padding-left: 54px; padding-right: 54px; }
}
.p-name.c-post-title.u-uppercase.js-si-title { width: 104%; }
.c-entry { display: block; position: relative; margin-bottom: 20px; }
.c-entry-inverse { color: rgb(255, 255, 255); }
.c-entry-frame { position: relative; height: 0px; overflow: hidden; }
.c-entry-frame .c-post-meta { position: absolute; bottom: 0px; left: 0px; right: 0px; }
.c-entry-frame .c-post-title { overflow: hidden; }
.c-entry-frame-img-box { position: absolute; top: 0px; left: 0px; right: 0px; height: 0px; overflow: hidden; }
.c-entry-frame-img-box img { position: absolute; top: 0px; left: 0px; right: 0px; max-width: 100%; height: auto; }
.c-post { margin-bottom: 16px; }
.c-post .c-main > :last-child { margin-bottom: 0px; }
.c-post-img-wrap { position: relative; display: block; background: none repeat scroll 0px 0px rgb(245, 245, 245); }
.o-jumbotron .c-post-img-wrap { background: none repeat scroll 0px 0px rgb(0, 0, 0); }
.c-post-img-wrap img { width: 100%; height: auto; color: rgb(245, 245, 245); }
.has-pseudo-bg { display: block; position: relative; }
.has-pseudo-bg::after { content: ""; position: absolute; top: 0px; bottom: -1px; left: 0px; right: 0px; }
.has-pseudo-bg::after { background-color: rgba(0, 0, 0, 0.4); }
.c-entry-lg .has-pseudo-bg::after { background: linear-gradient(transparent 30%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.85) 100%) repeat scroll 0px 0px transparent; }
.c-post-img.u-blur { min-height: 310px; }
@media (min-width: 1280px) {
.c-post-img.u-blur { min-height: 375px; }
}
.c-post-meta { background-color: rgb(255, 255, 255); }
.c-entry-lg .c-post-meta { position: absolute; padding: 10px 0px 26px; bottom: 0px; left: 0px; right: 0px; }
@media (max-width: 1023px) {
.c-post-img.u-blur { min-height: 240px; }
.c-entry-lg .c-post-meta { padding: 8px 0px 20px; }
}
.o-jumbotron.c-entry-lg .c-post-meta { left: 0px; right: 0px; pointer-events: none; padding-left: 54px; padding-right: 54px; }
.o-jumbotron.c-entry-lg .c-post-meta .c-post-title { pointer-events: all; }
.c-entry-inverse .c-post-meta { background-color: transparent; }
.c-entry-lg .c-post-meta { padding-bottom: 20px ! important; }
@media (max-width: 1365px) {
.o-jumbotron.c-entry-lg .c-post-meta { padding-left: 40px; padding-right: 40px; }
}
@media (max-width: 1023px) {
.c-entry-lg .c-post-meta { padding-bottom: 15px ! important; }
}
.c-post-title { font-size: 16px; font-weight: 700; }
.c-post-title.u-uppercase { letter-spacing: 1px; }
.c-post-meta .c-post-title, .o-jumbotron .c-post-title { margin: 0px; }
.c-post-title, .c-post-title > * { color: inherit; }
.c-post-title > * { pointer-events: all; }
.c-post-title a { display: block; max-width: 100%; text-decoration: none; }
.c-post-title a:focus, .c-post-title a:hover { color: inherit; }
.c-entry-inverse .c-post-title { font-weight: 300; }
.c-entry-lg .c-post-title { font-size: 28px; line-height: 32px; font-weight: 900; }
@media (max-width: 1023px) {
.c-post-title { font-size: 12px; }
.c-entry-lg .c-post-title { font-size: 21px; line-height: 19px; }
}
@media (min-width: 1366px) {
.c-post-title { font-size: 20px; }
}
@media (min-width: 1600px) {
.c-post-title { font-size: 22px; }
.c-post .c-entry-lg .c-post-title { font-size: 36px; line-height: 40px; }
}
.c-post-tag, .c-post-time { display: inline-block; font-size: 12px; }
.c-post-tag:not(:last-child) { margin-right: 8px; }
.c-bar .c-post-tag { padding-top: 1px; }
.c-entry-lg .c-bar .c-post-tag { padding-top: 0px; }
@media (min-width: 1280px) {
.c-bar .c-post-tag { font-size: 15px; line-height: 22px; }
}
@media (max-width: 1023px) {
.c-post-tag, .c-post-time { font-size: 10px; }
.c-post-tag:not(:last-child) { margin-right: 6px; }
.c-entry-lg .c-post-tag { font-size: 12px; }
}
.c-post-info-sm .c-post-tag, .c-post-info-sm .c-post-time { float: left; }
.c-post-tag { color: rgb(102, 102, 102); font-weight: 700; }
.c-entry-inverse .c-post-tag { color: rgb(170, 170, 170); font-weight: 300; }
.c-post-time { color: rgb(168, 171, 191); }
.c-post-stats { display: block; color: rgb(102, 102, 102); font-size: 12px; white-space: nowrap; text-align: right; }
.c-entry-lg .c-post-stats { font-size: 12px; }
.c-post-stats > li { display: inline-block; }
.c-post-stats > li:not(:last-child) { margin-right: 8px; }
.c-post-stats > li:empty { display: none; }
.c-post-stats .i-ii { display: inline-block; margin-right: 2px; opacity: 0.6; }
.c-post-info .c-post-stats { margin-bottom: 0px; }
.c-bar .c-post-stats { display: inline-block; }
@media (max-width: 1023px) {
.c-main .c-entry-lg .c-post-stats, .c-post-stats { font-size: 10px; }
.c-post-stats > li:not(:last-child) { margin-right: 6px; }
}
.c-entry-inverse .c-post-stats { color: rgb(170, 170, 170); }
.c-post-info-sm .c-post-tag, .c-post-info-sm .c-post-time { font-size: 10px; }
@media (max-width: 1365px) {
.c-post-info-sm .c-post-tag, .c-post-info-sm .c-post-time { margin-right: 7px; }
}
@media (max-width: 1023px) {
.c-post-info-sm .c-post-tag, .c-post-info-sm .c-post-time { font-size: 8px; }
}
.c-port { overflow: hidden; position: relative; }
.c-bar { padding-top: 5px ! important; padding-bottom: 5px ! important; line-height: 1.6; fill: rgb(102, 102, 102); }
.c-bar a { color: inherit; text-decoration: none; }
.c-bar a:active, .c-bar a:hover { color: rgb(51, 51, 51); fill: rgb(51, 51, 51); }
.c-bar svg { transition: all 0s ease 0s; }
.c-main .c-entry-lg .c-bar { padding-right: 30px; }
.c-entry .c-bar { font-size: 14px; line-height: 1.6; }
.c-bar-left { float: left; margin-left: -10px; }
.c-bar-right { float: right; margin-right: -10px; }
.c-bar-unit { position: relative; float: left; padding: 5px 10px; }
.c-bar-unit ul { margin-bottom: 0px; }
.c-bar-left .c-bar-unit:not(:last-child) { border-right: 1px solid rgba(170, 170, 170, 0.5); }
@media (max-width: 1023px) {
.c-main .c-bar { font-size: 11px; }
.c-entry .c-bar { font-size: 12px; }
}
.c-bar-unit .c-social-list { font-size: 12px; }
.c-bar-unit .c-social-list a { color: rgb(102, 102, 102); padding-top: 3px; }
.c-entry-inverse .c-bar-unit .c-social-list a { color: rgb(170, 170, 170); }
@media (min-width: 1024px) {
.c-main .c-entry-lg .c-bar-unit .c-social-list a { padding-top: 3px; }
}
.c-social-list li { margin-right: -3px; }
.c-social-list li:nth-child(1) a { margin-right: 8px; }
.c-social-list li:nth-child(2) a { margin-right: 6px; }
.c-social-list li:nth-child(3) a, .c-social-list li:nth-child(4) a { margin-right: 4px; }
.c-bar-unit .c-social-list li:last-child { margin-right: -10px; }
.c-bar-unit .c-social-list li:last-child a { margin-right: 0px; }
@media (max-width: 1023px) {
.c-bar-unit .c-social-list { font-size: 10px; }
.c-bar-unit .c-social-list a { padding: 5px 0px 1px; }
.c-entry-lg .c-bar-unit .c-social-list { font-size: 12px; }
.c-entry-lg .c-bar-unit .c-social-list a { padding: 0px; }
.c-entry-lg .c-bar-unit .c-social-list.c-switcher-box { margin-top: 3px; }
.c-main .c-entry-lg .c-bar-unit .c-social-list { font-size: 10px; }
.c-social-list li { margin-right: 5px; }
}
.c-social-list a { padding-left: 10px; padding-right: 10px; }
.c-social-list .i-svg { width: 15px; height: 15px; margin-top: -2px; }
.c-social-list .i-tw { width: 17px; height: 17px; }
.c-social-list .i-vb { width: 15px; height: 17px; margin-top: -2px; }
.c-social-list .i-tlg { width: 17px; height: 17px; margin-top: -4px; }
.c-sidebar-box { padding: 0px 10px; }
.c-sidebar { position: relative; top: 0px; padding: 0px 20px; background: none repeat scroll 0px 0px rgb(245, 245, 245); }
.c-sidebar .nav-tabs > li > a { padding-top: 14px; padding-bottom: 12px; }
.c-sidebar article:focus a .c-post-img, .c-sidebar article:hover a .c-post-img { transform: scale(1.1); }
.c-sidebar .o-row { margin-left: -20px; margin-right: -20px; }
.c-sidebar .c-post-img { transition: transform 3s ease 0s; }
.c-sidebar .c-post-meta { background: none repeat scroll 0px 0px rgb(245, 245, 245); }
.c-sidebar .c-aside { padding: 20px 0px; background: none repeat scroll 0px 0px rgb(255, 255, 255); }
@media (max-width: 1023px) {
.c-sidebar { padding: 0px 15px; }
.c-sidebar .nav-tabs > li > a { padding-top: 15px; padding-bottom: 13px; }
.c-sidebar .c-post-title { font-size: 12px; }
.c-sidebar .o-row { margin-left: -15px; margin-right: -15px; }
.c-sidebar .c-aside { padding: 22px 0px; }
}
@media (min-width: 1280px) {
.c-sidebar .nav-tabs > li > a { font-size: 11px; padding-top: 12px; padding-bottom: 11px; }
.c-sidebar .c-aside { padding: 10px; }
}
.c-sidebar-entry .c-post-title, .c-sidebar-unit .c-post-title { margin: 0px; font-size: 16px; font-weight: 300; }
@media (max-width: 1023px) {
.c-sidebar-entry .c-post-title, .c-sidebar-unit .c-post-title { font-size: 12px; }
}
.c-sidebar-unit:last-child { border-bottom: 0px none; }
.c-sidebar-entry { padding: 15px 0px; border-bottom: 1px solid rgb(220, 220, 220); margin-top: 0px; }
.c-sidebar-entry .c-entry-frame { margin-top: 5px; }
.c-sidebar-entry .c-post-title { color: rgb(51, 51, 51); }
.c-sidebar-entry .c-post-info { margin: 5px 0px 0px; }
.c-sidebar-entry:focus .c-post-title a, .c-sidebar-entry:hover .c-post-title a { text-decoration: underline; }
.c-sidebar-entry .c-post-tag, .c-sidebar-entry .c-post-time { color: rgb(160, 160, 160); }
.c-sidebar-entry .c-post-tag { font-weight: 400; }
.s-entry-video .c-post-title { line-height: 1.33333; font-size: 15px; min-height: 48px; max-height: 68px; }
.s-entry-video .c-entry-frame, .s-entry-video .c-entry-frame-img-box { padding-top: 57.143%; }
.s-entry-video .c-post-title a { padding-top: 8px; padding-bottom: 5px; }
.s-entry-video .c-entry-frame { padding-bottom: 69px; }
@media (max-width: 1023px) {
.c-sidebar-entry { padding: 11px 0px; }
.c-sidebar-entry > :first-child:not(.c-post-title) { margin-top: 3px; }
.s-entry-video .c-post-meta { padding-bottom: 17px; }
.s-entry-video .c-post-title { font-size: 11px; min-height: 38px; max-height: 53px; }
.s-entry-video .c-entry-frame { padding-bottom: 55px; }
}
.c-aside { overflow: hidden; }
.t-lady .o-jumbotron { background: none repeat scroll 0px 0px rgb(0, 0, 0); }
.is-compressed .c-search-nav { float: right; position: relative; z-index: 1; }
.u-spacer-before > * { vertical-align: middle; display: inline-block; }
.u-spacer-before::before { content: ""; display: inline-block; height: 100%; width: 0px; margin-left: -3px; vertical-align: middle; }
.u-content-read { max-width: 940px; }
@media (max-width: 1279px) {
.u-content-read { margin-left: 0px; }
}
.u-mr-0 { margin-right: 0px ! important; }
.u-pa-0 { padding: 0px ! important; }
.u-px-0 { padding-left: 0px ! important; padding-right: 0px ! important; }
.u-pr-0 { padding-right: 0px ! important; }
.u-pos-r { position: relative; }
.c-entry-inverse .u-text-lady, .u-text-lady { color: rgb(246, 87, 87); }
.u-flex-justify-x { display: flex; }
.u-flex-justify-x > * { flex-grow: 1; flex-basis: 0px; }
.c-si-main { position: relative; z-index: 9; background: none repeat scroll 0px 0px rgb(255, 255, 255); transition: opacity 1.2s ease 0s; }
.c-si-main .c-post > .o-row-sm { position: static; }
.c-si-pages { position: relative; }
.c-si-pages .c-si-page { position: relative; z-index: 8; background: none repeat scroll 0px 0px rgb(255, 255, 255); }
.c-si-pages .c-si-active { z-index: 7; }
.c-si-pages .c-si-main { z-index: 1; }
.o-affix-el { position: relative; }
@media print {
.c-aside, .c-banner, .c-bar-left .c-bar-unit ~ *, .c-bar-right, .h-feed { display: none ! important; }
.c-entry-lg .has-pseudo-bg::before { background-color: transparent; background-image: none; }
.c-bar * { color: rgb(102, 102, 102) ! important; }
.c-bar-left { width: 50%; }
.c-bar-unit { border-right: 0px none ! important; }
.c-entry-lg .c-post-meta, .c-post-meta { position: relative ! important; padding-bottom: 0px ! important; }
.c-post-title { color: rgb(0, 0, 0) ! important; margin: 22px 0px 0px ! important; }
.o-jumbotron { margin-bottom: 0px ! important; background-color: transparent ! important; overflow: visible; }
.c-post-stats { display: none ! important; }
.c-main { float: none ! important; width: 100% ! important; margin-right: 0px ! important; }
}
body { font-family: open sans,sans-serif; color: rgb(68, 68, 68); line-height: 1.5625; }
@media (min-width: 759px) and (max-width: 1024px) {
.c-main .u-content-read { font-size: 20px; }
.com-txt { font-size: 19px; }
.c-entry-lg .c-post-title { font-size: 21px; }
.o-jumbotron { font-size: 11px; padding: 0px; }
}
@media (min-width: 1024px) and (max-width: 1279px) {
.c-entry-lg .c-post-title { font-size: 19px; line-height: 24px; }
}
@media (max-width: 759px) {
body, html { width: 100%; }
#main-content.container.o-wrap.c-si-main.t-lady.js-si-main { width: 100%; }
.container { margin: 0px; padding: 0px; max-width: 100%; }
.container.c-banner.o-wrap.has-nav-sub { width: 100%; }
.c-sidebar-wrap ~ .c-main { width: 100%; }
.c-main .u-content-read { margin-left: 0px; font-size: 20px; line-height: 1.5; }
.com-txt { padding-left: 85px; font-size: 17px; }
.o-jumbotron { font-size: 11px; padding: 0px; }
h1 { font-size: 22px; }
.c-post-title { font-size: 17px; }
.o-jumbotron.c-entry-lg .c-post-meta { padding-left: 20px; }
.p-name.c-post-title.u-uppercase.js-si-title { max-width: 100%; margin-bottom: -15px; }
.c-bar-right { display: none; }
.c-entry-lg .c-post-title { font-size: 14px; }
.c-main .o-jumbotron { max-width: 114%; margin-left: -20px; }
.c-nav-unit.c-search-nav, .u-glamor, .u-special, .u-video { display: none; }
}
}
@media (max-width: 390px) {
.u-sport { display: none; }
}
@media (max-width: 340px) {
.c-nav-unit-content, .c-lang, .u-spacer-before { display: none; }
}
/* ::::: https://sanphamchinhhang.info/doctor-amble/amble_files/form.css ::::: */
.form { width: 100%; margin: 0px auto; display: flex; flex-direction: row; align-items: center; justify-content: space-around; padding: 40px 0px; }
.form form { width: 300px; }
.form .img { width: 300px; }
.form .img img { width: 100%; }
@media (max-width: 600px) {
.form .img img { width: 300px; display: block; margin: auto; }
}
.form form input, select, textarea { display: block; width: 100%; max-width: 250px; margin: 0px auto 16px; border: 1px solid rgb(231, 231, 231); background: none repeat scroll 0px 0px rgb(248, 249, 249); border-radius: 3px; font-size: 16px; color: rgb(0, 0, 0); padding-left: 15px; height: 40px; }
.btn3, .form form button { height: auto; display: block; margin: 0px auto; cursor: pointer; padding: 15px 10px; background: none repeat scroll 0% 0% red; border: medium none; border-radius: 5px; color: rgb(255, 255, 255); font-weight: 700; max-width: 250px; width: 100%; font-size: 18px; text-transform: uppercase; transition: all 0.3s ease 0s; }
.btn3:hover, .form form button:hover { transform: scale(1.1); background: none repeat scroll 0% 0% red; color: rgb(255, 255, 255); text-decoration: none; }
.form form .prices { width: 100%; text-align: center; font-size: 0px; margin: 0px 0px 15px; }
.form form .prices .new { display: inline-block; vertical-align: middle; font-size: 25px; text-transform: uppercase; margin: 5px; color: red; font-weight: 700; }
.form form .prices .new p { font-size: 24px; margin: 0px auto; color: red; }
.form form .prices .old { display: inline-block; vertical-align: middle; font-size: 19px; color: rgb(178, 178, 178); margin: 5px; }
.form form .prices .old p { font-size: 16px; margin: 0px auto; color: rgb(178, 178, 178); }
@media all and (max-width: 600px) {
.form { width: 100%; flex-direction: column; padding: 20px 0px; }
.form .img { padding: 20px 0px; }
}
@media all and (max-width: 400px) {
.form .img { width: 100%; }
.form form button, .form form input { width: 100%; }
}
.reviews { padding: 1rem 0px; }
.wrapper-padding { width: 100%; padding: 0px 1.69rem; margin: auto; height: 100%; position: relative; z-index: 5; }
.reviews__title { border-bottom: 1px solid rgb(0, 0, 0); background-color: rgb(216, 222, 224); height: 24px; }
.reviews__title h3 { color: rgb(33, 150, 243); font-weight: 700; font-size: 22px; line-height: 17px; margin-left: 0.5rem; padding-top: 5px; }
.review__item { display: flex; margin-top: 1rem; }
.user-photo { margin-right: 10px; width: 50px; height: 76px; }
.user-info { width: 90%; }
.reviews img { border: 0px none; height: auto; width: 100%; max-width: 100%; max-height: 100%; display: inline-block; vertical-align: top; }
.user-name p { color: rgb(0, 145, 234); font-weight: 700; margin-bottom: 4px; font-size: 13px; }
.user-txt p { color: rgb(0, 0, 0); font-weight: 400; margin-bottom: 4px; font-size: 100%; }
.user-time p { color: rgb(186, 176, 176); font-weight: 400; }
.countdown-block {
text-align: center;
background: #ed1b24;
color: #fff;
padding-bottom: 10px;
box-shadow: 0 0 black;
}
.countdown-block>h3 {
font-weight: 800;
font-size: 39px;
padding-top: 5px;
margin: 0;
padding-bottom: 10px;
}
.countdown-container {
max-width: 320px;
background: #ed1b24;
border: 5px solid #fffd07;
text-align: center;
margin: 0 auto;
}
.countdown-container h3 {
color: #fffd07;
margin: 0 auto;
margin-top: -10px;
background: #ed1b24;
width: 90%;
text-transform: uppercase;
font-weight: 700;
font-size: 1rem;
}
.countdown {
display: flex;
justify-content: center;
align-items: center;
font-weight: 300;
font-size: 39px;
line-height: 1;
}
.countdown-item {
color: #fff;
width: 5rem;
font-weight: 800;
}
.countdown-divider {
color: #fff;
width: 1rem;
}
.countdown-text {
margin: 0 auto;
margin-bottom: -8px;
background: #ed1b24;
width: 90%;
color: #fffd07;
font-size: .8rem;
font-weight: 700;
display: flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
}
.countdown-text span {
width: 4rem;
margin-right: 2rem;
}
.best-form {
font: 16px/1.2 "Roboto",sans-serif;
padding: 1rem;
padding-bottom: 40px;
color: #fff;
background-color: #fa0;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCAxNjAwIDgwMCc+PGcgPjxwYXRoIGZpbGw9JyNmZmI4MDMnIGQ9J000ODYgNzA1LjhjLTEwOS4zLTIxLjgtMjIzLjQtMzIuMi0zMzUuMy0xOS40Qzk5LjUgNjkyLjEgNDkgNzAzIDAgNzE5LjhWODAwaDg0My44Yy0xMTUuOS0zMy4yLTIzMC44LTY4LjEtMzQ3LjYtOTIuMkM0OTIuOCA3MDcuMSA0ODkuNCA3MDYuNSA0ODYgNzA1Ljh6Jy8+PHBhdGggZmlsbD0nI2ZmYzYwNycgZD0nTTE2MDAgMEgwdjcxOS44YzQ5LTE2LjggOTkuNS0yNy44IDE1MC43LTMzLjVjMTExLjktMTIuNyAyMjYtMi40IDMzNS4zIDE5LjRjMy40IDAuNyA2LjggMS40IDEwLjIgMmMxMTYuOCAyNCAyMzEuNyA1OSAzNDcuNiA5Mi4ySDE2MDBWMHonLz48cGF0aCBmaWxsPScjZmZkNDBjJyBkPSdNNDc4LjQgNTgxYzMuMiAwLjggNi40IDEuNyA5LjUgMi41YzE5Ni4yIDUyLjUgMzg4LjcgMTMzLjUgNTkzLjUgMTc2LjZjMTc0LjIgMzYuNiAzNDkuNSAyOS4yIDUxOC42LTEwLjJWMEgwdjU3NC45YzUyLjMtMTcuNiAxMDYuNS0yNy43IDE2MS4xLTMwLjlDMjY4LjQgNTM3LjQgMzc1LjcgNTU0LjIgNDc4LjQgNTgxeicvPjxwYXRoIGZpbGw9JyNmZmUxMTEnIGQ9J00wIDB2NDI5LjRjNTUuNi0xOC40IDExMy41LTI3LjMgMTcxLjQtMjcuN2MxMDIuOC0wLjggMjAzLjIgMjIuNyAyOTkuMyA1NC41YzMgMSA1LjkgMiA4LjkgM2MxODMuNiA2MiAzNjUuNyAxNDYuMSA1NjIuNCAxOTIuMWMxODYuNyA0My43IDM3Ni4zIDM0LjQgNTU3LjktMTIuNlYwSDB6Jy8+PHBhdGggZmlsbD0nI2ZmZWYxNScgZD0nTTE4MS44IDI1OS40Yzk4LjIgNiAxOTEuOSAzNS4yIDI4MS4zIDcyLjFjMi44IDEuMSA1LjUgMi4zIDguMyAzLjRjMTcxIDcxLjYgMzQyLjcgMTU4LjUgNTMxLjMgMjA3LjdjMTk4LjggNTEuOCA0MDMuNCA0MC44IDU5Ny4zLTE0LjhWMEgwdjI4My4yQzU5IDI2My42IDEyMC42IDI1NS43IDE4MS44IDI1OS40eicvPjxwYXRoIGZpbGw9JyNmZmVhMzQnIGQ9J00xNjAwIDBIMHYxMzYuM2M2Mi4zLTIwLjkgMTI3LjctMjcuNSAxOTIuMi0xOS4yYzkzLjYgMTIuMSAxODAuNSA0Ny43IDI2My4zIDg5LjZjMi42IDEuMyA1LjEgMi42IDcuNyAzLjljMTU4LjQgODEuMSAzMTkuNyAxNzAuOSA1MDAuMyAyMjMuMmMyMTAuNSA2MSA0MzAuOCA0OSA2MzYuNi0xNi42VjB6Jy8+PHBhdGggZmlsbD0nI2ZmZTU0NycgZD0nTTQ1NC45IDg2LjNDNjAwLjcgMTc3IDc1MS42IDI2OS4zIDkyNC4xIDMyNWMyMDguNiA2Ny40IDQzMS4zIDYwLjggNjM3LjktNS4zYzEyLjgtNC4xIDI1LjQtOC40IDM4LjEtMTIuOVYwSDI4OC4xYzU2IDIxLjMgMTA4LjcgNTAuNiAxNTkuNyA4MkM0NTAuMiA4My40IDQ1Mi41IDg0LjkgNDU0LjkgODYuM3onLz48cGF0aCBmaWxsPScjZmZlMTU3JyBkPSdNMTYwMCAwSDQ5OGMxMTguMSA4NS44IDI0My41IDE2NC41IDM4Ni44IDIxNi4yYzE5MS44IDY5LjIgNDAwIDc0LjcgNTk1IDIxLjFjNDAuOC0xMS4yIDgxLjEtMjUuMiAxMjAuMy00MS43VjB6Jy8+PHBhdGggZmlsbD0nI2ZmZGM2NCcgZD0nTTEzOTcuNSAxNTQuOGM0Ny4yLTEwLjYgOTMuNi0yNS4zIDEzOC42LTQzLjhjMjEuNy04LjkgNDMtMTguOCA2My45LTI5LjVWMEg2NDMuNGM2Mi45IDQxLjcgMTI5LjcgNzguMiAyMDIuMSAxMDcuNEMxMDIwLjQgMTc4LjEgMTIxNC4yIDE5Ni4xIDEzOTcuNSAxNTQuOHonLz48cGF0aCBmaWxsPScjZmZkNzcxJyBkPSdNMTMxNS4zIDcyLjRjNzUuMy0xMi42IDE0OC45LTM3LjEgMjE2LjgtNzIuNGgtNzIzQzk2Ni44IDcxIDExNDQuNyAxMDEgMTMxNS4zIDcyLjR6Jy8+PC9nPjwvc3ZnPg==);
background-size: cover;
}
.best-form>.wrap {
max-width: 320px;
margin: 0 auto;
}
.product {
display: flex;
}
.product .left {
width: 50%;
}
.product .right {
width: 50%;
text-align: center;
}
.product .price-old {
line-height: 1;
}
.product .price-old span {
display: inline-block;
padding: 0 1rem;
font-size: 5rem;
color: #000;
position: relative;
}
.product .price-old span:before {
position: absolute;
content: "";
left: 0;
top: 45%;
right: 0;
border-top: 5px solid #ed1b24;
transform: rotate(-10deg);
}
.product .discount-text {
margin-top: 1rem;
color: #000;
font-size: 18px;
}
.product .price {
color: #1102ef;
font-size: 7rem;
font-weight: 700;
letter-spacing: -5px;
line-height: 1;
}
.product .price span {
font-weight: 300;
font-size: 50%;
margin-left: 5px;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.country-input, .name-input, .phone-input {
color: #000;
background: #fff;
border: 0;
width: 100%;
border-radius: 6px;
box-sizing: border-box;
font-size: 20px;
margin-bottom: 10px;
display: flex;
transition: all .15s ease-in-out;
}
.name-input label, .phone-input label {
align-self: center;
padding-left: 13px;
width: 75px;
font-weight: 700;
}
.name-input input, .phone-input input {
flex: 1 1 auto;
border: 0;
padding: 0;
font: inherit;
color: inherit;
box-sizing: border-box;
min-width: 0;
padding: 10px 15px;
padding-left: 0;
border-radius: 6px;
}
.button-submit {
text-align: center;
display: flex;
box-sizing: border-box!important;
width: 100%;
margin: 0 auto;
padding: 0 1rem;
text-decoration: none;
text-transform: uppercase;
line-height: 1;
color: #fff;
border-radius: 6px;
border: 0;
padding: 14px 0;
background-image: linear-gradient(to top,#137c09,#16ac0c);
transition: all .15s ease-in-out;
cursor: pointer;
font: 18px/1.4 "Roboto",sans-serif;
font-weight: 400;
}
.button-submit-text {
color: #fff;
flex: 1 1 auto;
font: inherit;
font-weight: 400;
}
.button-submit-arrow {
width: 0;
height: 0;
border-top: .6rem solid transparent;
border-bottom: .6rem solid transparent;
border-left: 1rem solid #fff;
margin-right: 1rem;
}
.btnbtn {
text-decoration: none;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
color: rgb(255, 255, 255) ! important;
background-color: #008000;
display: inline-block;
padding: 12px 40px;
margin-bottom: 0px;
font-size: 18px;
font-weight: 400;
line-height: 1.42857;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
border-radius: 30px;
text-transform: uppercase;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
animation: shadow-pulse2 1s infinite;
font-weight: 700;
}