html, body, div, span, object, embed, ruby, output, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
h1{
color: #ffffff !important;
}
html {
overflow-y: scroll;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
a:hover,
a:active {
outline: none;
text-decoration: none !important;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
td img {
vertical-align: top;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #161a1d !important;
overflow: hidden;
}
p {
hyphenate: auto;
hyphenate-before: 2;
hyphenate-after: 3;
hyphenate-lines: 3;
orphans: 4;
}
select,
input,
textarea,
button {
font: 99% sans-serif;
}
body,
select,
input,
textarea {
color: #444;
}
small,
.small {
font-size: 0.75em;
letter-spacing: .05em;
font-style: italic;
line-height: 1.75em;
}
strong,
th,
.strong {
font-weight: bold;
}
em,
.em {
font-style: italic;
}
ins,
.ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark,
.mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del,
.del {
text-decoration: line-through;
}
.row-page p{
color: #888;
}
.entry-title{
color: #888;
font-weight: 700;
font-size: 25px;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor:help;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
pre {
padding: 15px;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
word-wrap: break-word;
}
pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
margin: 1.5em;
}
input,
select {
vertical-align:middle;
}
textarea {
overflow: auto;
}
.ie6 legend,
.ie7 legend {
margin-left: -7px;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
label,
input[type=button],
input[type=submit],
button {
cursor: pointer;
color: #000000;
}
button,
input,
select,
textarea {
margin: 0;
}
input:valid,
textarea:valid {
}
input:invalid,
textarea:invalid {
border-radius: 1px;
-moz-box-shadow: 0px 0px 5px red;
width: 100%;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color: #f0dddd;
}
button {
width: auto;
overflow: visible;
}
.ie7 img,
.iem7 img {
-ms-interpolation-mode: bicubic;
}
#image-navigation a{
color: #ffffff;
}
.hidden {
display: none;
visibility: hidden;
}
.visuallyhidden {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
div,
input,
textarea {
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box;
}
.clearfix:after,
.menu ul:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
clear: both;
}
.network{
background: #23282d;
border-top: 1px solid #313131;
}
.network li a{
color: #ffffff;
}
.network li a:hover{
color: #FF9800;
}
.li-network{
margin-bottom: 8px;
margin-top: 8px;
margin-left: 2px !important;
color: #ed3068;
}
.navbar-brand{
padding: 5px 0px !important;
margin-right: 10px;
margin-left: 10px !important;
}
.c-p{
cursor: pointer;
}
.body-content {
color: #ffffff !important;
}
.t-header{
display: block;
padding: 3px 10px;
line-height: 1.42857143;
color: #ffffff;
white-space: nowrap;
margin-top: 5px;
padding-left: 0px;
font-size: 16px;
font-weight: 700;
margin-bottom: 0px;
}
.t-header a{
color: #FF9800;
}
.t-header a:hover{
color: #ed2f68;
}
.p-top{
width: 25%;
padding: 0px;
padding-right: 5px;
float: left;
margin-bottom: 10px;
}
.p-top img{
width: 100%;
}
.p-n{
font-size: 14px;
position: relative;
width: 100%;
color: #ffffff;
margin-left: 0px;
font-weight: 700;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-transform: capitalize;
margin-top: 5px;
margin-bottom: 0px;
}
.inf-top{
color: #888888;
font-size: 11px;
}
.down-menu-cat{
background: #23282d;
margin-bottom: 10px;
}
.wrap-tags{
border-top: 1px solid #666;
margin-bottom: 10px;
}
.meta-descripcion{
display: none;
}
.b-tag li{
padding: 0px 5px 0px 5px;
margin-bottom: 5px;
border: 1px solid #666666;
font-size: 13px;
margin-left: 5px;
text-transform: capitalize;
}
.b-tag a{
color: #ffffff
}
.b-tag a:hover{
color: #ed2f68;
}
.sectionWrapper{
margin-bottom: 20px;
}
.sectionTitle{
background-color: #23282d;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
margin-bottom: 0px;
padding: 10px;
color: #ddd;
font-weight: 700;
margin-top: 0px;
font-size: 25px;
border-left: 2px solid #ed2f68;
margin-left: 5px;
margin-right: 4px;
}
.thumb-unit{
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
background: #000;
}
.thumb-post{
text-align: center;
background: #000;
height: 100%;
}
.thumb-post img{
width: 100%;
max-width: 100%;
max-height: 100%;
height: auto;
}
#hd{
position: absolute;
color: #FFF;
font-size: 12px;
padding: 1px 5px 1px 5px;
border-radius: 2px;
z-index: 2;
right: 10px;
margin: 5px;
font-weight: 700;
text-transform: uppercase;
background: #0000009e;
}
.amount{
position: absolute;
color: #FFF;
background: rgba(19, 19, 19, 0.76);
font-size: 12px;
padding: 1px 7px 1px 5px;
bottom: 5px;
border-radius: 2px;
z-index: 2;
margin-left: 5px;
}
.mr-5{
margin-right: 5px;
}
.mt-10{
margin-top: 10px;
}
.post-title{
display: -webkit-box;
max-height: 3.4rem;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
-webkit-line-clamp: 2;
font-size: 14px;
font-weight: 500;
line-height: 1.7rem;
text-transform: capitalize;
margin: 0px;
}
.post-title a{
color: #fff;
}
.post-title a:hover{
color: #ed2f68;
}
.post-data{
color: #dddddd;
font-size: 12px;
}
.header{
background: #23282d;
padding: 5px;
border-color: #080808;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
height: 70px;
}
#gallery-1 img{
border: 0px solid #8E8E8E !important;
width: 96%;
height: 120%;}
.gallery-item {
float: left !important;
margin-top: 0px !important;
margin-bottom: 10px !important;
text-align: center !important;
width: 25%!important;}
.image-view{
text-align: center;
background: #000;
}
.image-view img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.more-content{
color: #f00;
font-size: 12px;
}
.footer-g{
box-shadow: 2px 2px 5px #000;
-moz-box-shadow: 2px 2px 5px #000;
-webkit-box-shadow: 2px 2px 5px #000;
border-color: #080808;
padding: 10px;
}
.copyright{
text-align: center;
font-size: 12px;
text-transform: capitalize;
color: #888;
margin: 5px;
}
.f-link{
color: red;
margin-bottom: 0px;
}
.f-link li > a{
color: #ddd;
font-size: 14px;
margin-right: 5px
}
.f-link li > a:hover{
color: #ed2f68;
}
.ads-footer{
border: none;
padding: 8px;
margin-bottom: 10px;
background: #101010;
}
.post-inf{
padding: 10px;
background: #23282d;
margin-top: 0px;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
}
.post-details{
margin: 0px;
}
.post-details li{
margin-bottom: 5px;
}
.title-post{
color: #fff;
font-size: 22px;
margin: 0px;
margin-bottom: 10px;
}
.date-post{
font-size: 13px;
color: #ddd;
margin-right: 5px;
}
.cat-post{
font-size: 13px;
color: #ddd;
}
.tags {
border: 1px solid #888;
padding: 5px;
}
.post-details a {
color: #FF9800;
font-size: 13px;
text-transform: capitalize;
font-weight: 700;
}
.post-details a:hover {
color: #ed2f68;
}
.wrapper-report{
padding: 10px;
background: #23282d;
margin-top: 0px;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
border-top: 5px solid #161a1d;
}
.cursor-link{
cursor: pointer;
}
.ads-related{
padding: 2px;
margin-top: 10px;
height: auto;
}
.related{
padding: 2px;
margin-top: 10px;
background-color: #fff;
}
.comment-content{
padding: 5px;
}
.avatar-comment img{
border-radius: 50%;
}
.title-tag{
color: #fff;
font-weight: 700;
margin-top: 0px;
font-size: 25px;
border-left: 2px solid #ed2f68;
padding-left: 5px;
margin-left: 5px;
}
.red{
color: #ed2f68;
text-transform: capitalize;
}
.empty-header{
background-color: #23282d;
border-color: #080808;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
padding: 10px;
margin-bottom: 10px;
}
.title-header{
margin-top: 0px;
font-size: 24px;
font-weight: 700;
color: #666666;
}
.empty-results{
color: #ffffff;
margin-top: 0px;
}
.empty-content{
color: #dddddd;
font-size: 14px
}
.total-page{
margin-left: 5px;
font-size: 17px;
padding: 8px 15px 8px 15px;
color: #999999;
background-color: #23282d;
border-color: #080808;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
float: left;
margin-bottom: 5px;
}
.native{
overflow: hidden;
height: 200px;
margin-top: 10px;
}
.pagination a{
margin-left: 5px;
font-size: 17px;
padding: 8px 15px 6px 15px;
color: #666666;
background-color: #fff;
border-color: #080808;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
float: left;
margin-bottom: 5px;
}
.pagination a:hover{
color: #ff0000;
}
.current{
margin-left: 5px;
font-size: 17px;
padding: 8px 15px 8px 15px;
color: #ffffff;
background-color: #f30000;
border-color: #080808;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
float: left;
margin-bottom: 5px;
}
#comment{
width: 100%;
}
#comments {
padding-top: 2px;
}
#comments-title {
margin-bottom: 30px;
font-family: "News Cycle", Arial, Helvetica, sans-serif;
font-weight: 400;
text-transform: uppercase;
color: #97161a;
}
#comments span {
}
.comment-nav {
}
.comment-nav ul {
}
.comment-nav ul li {
}
.commentlist {
}
body.page-template-full-width-php .commentlist {
}
.commentlist li.comment {
}
.commentlist footer.comment-head {
font-size: 12px;
border: 1px solid #e2e2e2;
padding: 10px;
background: #f1f1f1;
}
.commentlist li.pingback p {
font-size: 12px;
}
.commentlist li.comment article[id*=comment-] {
}
.commentlist #respond {
margin-top: 15px;
margin-left: 0;
margin-right: 0;
}
.commentlist #respond label {
margin-left: 0;
}
.commentlist #respond #author, .commentlist #respond #email, .commentlist #respond #url, .commentlist #respond #comment {
}
.commentlist li[class*=depth-] {
}
.commentlist li.depth-1 {
margin-top: 5px;
}
.commentlist li.depth-2 {
}
.commentlist li.depth-3 {
}
.commentlist li.depth-4 {
}
.commentlist li.depth-5 {
}
.commentlist li.comment ul.children li {
}
.commentlist li.comment ul.children li.alt {
}
.commentlist li.comment ul.children li.byuser {
}
.commentlist li.comment ul.children li.comment {
}
.commentlist li.comment ul.children li.depth-1 {
}
.commentlist li.comment ul.children li.bypostauthor {
}
.commentlist li.comment ul.children li.comment-author-admin {
}
.commentlist li.comment ul.children .alt {
}
.commentlist li.comment ul.children .odd {
}
.commentlist li.comment ul.children .even {
}
.commentlist .alt {
}
.commentlist .odd {
}
.commentlist .even {
}
.commentlist .parent {
}
.commentlist .comment {
}
.commentlist .children {
border-left: 5px solid #666666;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.commentlist .pingback {
}
.commentlist .bypostauthor {
}
.commentlist .comment-author {
}
.commentlist .comment-author-admin {
}
.commentlist .comment-author-admin cite.fn:after {
content: " (Author)";
font-size: 0.75em;
font-weight: normal;
font-style: italic;
}
.commentlist .thread-alt {
}
.commentlist .thread-odd {
}
.commentlist .thread-even {
}
.commentlist .vcard {
}
.commentlist cite.fn {
font-family: "Archivo Black", "Arial Black", Gadget, sans-serif;
font-style: normal;
text-transform: uppercase;
color: red;
}
.commentlist cite.fn a {
text-decoration: none;
}
.commentlist time {
font-style: normal;
margin-left: -10px;
}
.commentlist time a:hover {
text-decoration: underline;
}
.commentlist .vcard img.photo {
}
.commentlist .vcard img.avatar {
border-radius: 800px;
}
.commentlist cite.fn a.url {
color: #0094fb;
}
.commentlist .comment-meta {
}
.commentlist .comment-meta a {
}
.commentlist .commentmetadata {
}
.commentlist .commentmetadata a {
}
.commentlist li.comment .comment-content {
font-size: 12px;
color: #000;
background: #fff;
padding: 10px;
box-shadow: 0 1px 2px rgba(0,0,0,.1);
-moz-box-sizing: border-box;
}
.commentlist li.comment .comment-content p {
line-height: 1.3em;
font-size: 14px;
}
.commentlist li.comment ul {
}
.commentlist .comment-reply-link, .commentlist .comment-reply-login {
background: #666666;
color: #FFF;
text-transform: uppercase;
padding: 3px 10px;
}
.commentlist a.comment-reply-link:hover {
background: #ff0700;
}
.nocomments {
padding: 15px;
text-align: center;
}
.comment-date a{
color: #888888 !important;
}
.form-submit input{
background: #f00;
color: #fff;
font-size: 13px;
border: none;
padding: 10px;
}
.form-submit input:hover{
background-color: #d40505;
}
.kgvid_wrapper{
margin: 0px !important;
}
.kg-video-js-skin .vjs-control-bar{
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.23) 39%, rgba(0, 0, 0, 0.54) 95%, rgba(0, 0, 0, 0.65) 100%) !important;
}
.vjs-res-button{
display: none !important;
}
.pagination>.disabled>a{
color: #777 !important;
background-color: #23282d !important;
border-color: #23282d !important;
}
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
}
45% {
transform: scale(1.05);
}
80% {
transform: scale(0.95);
}
100% {
transform: scale(1);
}
}
@keyframes hideSweetAlert {
0% {
transform: scale(1);
}
100% {
transform: scale(0.5);
}
}
@keyframes slideFromTop {
0% {
top: 0%;
}
100% {
top: 50%;
}
}
@keyframes slideToTop {
0% {
top: 50%;
}
100% {
top: 0%;
}
}
@keyframes slideFromBottom {
0% {
top: 70%;
}
100% {
top: 50%;
}
}
@keyframes slideToBottom {
0% {
top: 50%;
}
100% {
top: 70%;
}
}
.showSweetAlert {
animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
animation: slideFromBottom 0.3s;
}
.hideSweetAlert {
animation: hideSweetAlert 0.3s;
}
.hideSweetAlert[data-animation=none] {
animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
animation: slideToTop 0.3s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
animation: slideToBottom 0.3s;
}
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0px;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
}
}
.animateSuccessTip {
animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
animation: animateSuccessLong 0.75s;
}
.sa-icon.sa-success.animate::after {
animation: rotatePlaceholder 4.25s ease-in;
}
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
opacity: 1;
}
}
.animateErrorIcon {
animation: animateErrorIcon 0.5s;
}
@keyframes animateXMark {
0% {
transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
transform: scale(1.15);
margin-top: -6px;
}
100% {
transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animateXMark {
animation: animateXMark 0.5s;
}
@keyframes pulseWarning {
0% {
border-color: #F8D486;
}
100% {
border-color: #F8BB86;
}
}
.pulseWarning {
animation: pulseWarning 0.75s infinite alternate;
}
@keyframes pulseWarningIns {
0% {
background-color: #F8D486;
}
100% {
background-color: #F8BB86;
}
}
.pulseWarningIns {
animation: pulseWarningIns 0.75s infinite alternate;
}
@keyframes rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
body.stop-scrolling {
height: 100%;
overflow: hidden;
}
.sweet-overlay {
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 1040;
}
.sweet-alert {
background-color: #ffffff;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 2000;
}
@media all and (max-width: 767px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px;
}
}
.sweet-alert .form-group {
display: none;
}
.sweet-alert .form-group .sa-input-error {
display: none;
}
.sweet-alert.show-input .form-group {
display: block;
}
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative;
}
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: -9px;
opacity: 0;
visibility: hidden;
}
.sweet-alert button[disabled] {
opacity: .6;
cursor: default;
}
.sweet-alert button.confirm[disabled] {
color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
border-radius: 50%;
margin: 20px auto;
position: relative;
box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
border-color: #d43f3a;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #d9534f;
display: block;
top: 37px;
border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
transform: rotate(45deg);
left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
transform: rotate(-45deg);
right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
border-color: #eea236;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
border-radius: 2px;
margin-left: -2px;
background-color: #f0ad4e;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #f0ad4e;
}
.sweet-alert .sa-icon.sa-info {
border-color: #46b8da;
}
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #5bc0de;
}
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #5bc0de;
}
.sweet-alert .sa-icon.sa-success {
border-color: #4cae4c;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
content: '';
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: #ffffff;
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
transform: rotate(-45deg);
transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
transform: rotate(-45deg);
transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(92, 184, 92, 0.2);
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: #ffffff;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #5cb85c;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat;
}
.sweet-alert h2{
color: red;
font-weight: 600;
text-transform: none;
position: relative;
display: block;
padding: 13px 16px;
font-size: 27px;
line-height: normal;
text-align: center;
margin-bottom: 0;
}
.sweet-alert p{
font-size: 16px;
color: #313131;
}
.sweet-alert .btn-default:focus {
border-color: #cccccc;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
}
.sweet-alert .btn-success:focus {
border-color: #4cae4c;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
}
.sweet-alert .btn-info:focus {
border-color: #46b8da;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
}
.sweet-alert .btn-danger:focus {
border-color: #d43f3a;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
}
.sweet-alert .btn-warning:focus {
border-color: #eea236;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
}
.sweet-alert button::-moz-focus-inner {
border: 0;
}
/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/
.la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.la-ball-fall {
display: block;
font-size: 0;
color: #fff;
}
.la-ball-fall.la-dark {
color: #333;
}
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor;
}
.la-ball-fall {
width: 54px;
height: 18px;
}
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
-moz-animation: ball-fall 1s ease-in-out infinite;
-o-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite;
}
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
-moz-animation-delay: -200ms;
-o-animation-delay: -200ms;
animation-delay: -200ms;
}
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
-moz-animation-delay: -100ms;
-o-animation-delay: -100ms;
animation-delay: -100ms;
}
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0ms;
-moz-animation-delay: 0ms;
-o-animation-delay: 0ms;
animation-delay: 0ms;
}
.la-ball-fall.la-sm {
width: 26px;
height: 8px;
}
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px;
}
.la-ball-fall.la-2x {
width: 108px;
height: 36px;
}
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px;
}
.la-ball-fall.la-3x {
width: 162px;
height: 54px;
}
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px;
}
@-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%);
}
}
@-moz-keyframes ball-fall {
0% {
opacity: 0;
-moz-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-moz-transform: translateY(145%);
transform: translateY(145%);
}
}
@-o-keyframes ball-fall {
0% {
opacity: 0;
-o-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-o-transform: translateY(145%);
transform: translateY(145%);
}
}
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
-moz-transform: translateY(-145%);
-o-transform: translateY(-145%);
transform: translateY(-145%);
}
10% {
opacity: .5;
}
20% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
80% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
90% {
opacity: .5;
}
100% {
opacity: 0;
-webkit-transform: translateY(145%);
-moz-transform: translateY(145%);
-o-transform: translateY(145%);
transform: translateY(145%);
}
}
#commentform .comment-row{
display:flex;
align-items:center;
gap:10px;
}
#commentform .comment-row label{
min-width:90px;
margin:0;
}
#commentform .comment-row input{
flex:1;
margin:0;
}