/*
Theme Name: Azul
Theme URI: http://www.switchroyale.com/?page_id=21
Description: Azul is a clean and modern theme with a techy/corporate feel. This theme is meant to be easy to edit and completely standards compliant. The Azul Photoshop template is also available for free at www.switchroyale.com. Free to use for whatever you want.
Version: 1.4
Author: Switchroyale
Author URI: http://www.switchroyale.com
Tags: blue, white, silver, light, two-columns, fixed-width, right-sidebar
*/
@charset "utf-8";
body {
	position:relative;
	font-size:14px;
	line-height:20px;
	margin:0;
	padding:0;
	font-family:Raleway,sans-serif
}

.security-tabs-wrap .container,
.posts-wrap .container,
.container {
	width: 100%;
	max-width: 980px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
}

a {
	color: #125dd3;
}

a:hover {
    color: #103586;
    transition: .24s;
}

a:visited {
	color: #00018A;
}

h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 34px;
	line-height: 40px;
	font-weight: 300;
	line-height: 47px;
	color: #125dd3;
}

h2 {
	color: #125dd3;
}

h3 {

}

ul {
	margin: 0 0 16px 16px;
	padding: 0;
}

.dropdown.dropdown-lang {
    display: none !important;
}

.tabs-content {
	list-style: none;
	margin: 30px 0 40px 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}
.tabs-content .tab-link {
    color: #125dd3;
    font-size: 16px;
    font-weight: 600;
	text-align: center;
    width: 100%;
}

.tabs-content .tab-link:last-child {
    margin-right: 0;
}

.tabs-content .tab-link.current,
.tabs-content .tab-link:hover {
	position: relative;
    cursor: pointer;
}

.tabs-content .tab-link.current:before {
	content: '';
	position: absolute;
	background-color: #125dd3;
	width: 80%;
	height: 1px;
	left: 0;
	right: 0;
	bottom: -5px;
	margin: 0 auto;
	display: block;
}

.tabs-content .tab-link:not(.current):hover {
	opacity: .8;
	transition: .24s;
}

.tabs-content .tab-link.current:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    bottom: -12px;
    margin: 0 auto;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #125dd3 transparent transparent transparent;
}

.tabs-content .tab-link.current {
    cursor: default;
}

.tabs-container .tab-text {
	position: absolute;
	top: 20px;
	opacity: 0;
	visibility: hidden;
}

.tabs-container .tab-text.current {
	top: 0;
	position: relative;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}



/**/


.security-tabs {
	list-style: none;
	margin: 0 0 40px !important;
	padding: 0 !important;
	display: flex;
	justify-content: space-between;
    border-bottom: 1px solid #dfdfdf;
}
.security-tabs li {
	width: 100%;
	text-align: center;
	box-shadow: 0px -4px 7px rgb(0 0 0 / 10%);
	background-color: #ecf0f1;
	border-right: 1px solid #dfdfdf;
}
.security-tabs li:last-child {
	border-right: 0;
}
.security-tabs li a {
	width: 100%;
	padding: 24px 0;
    color: #bdc3c7;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
}
.security-tabs li.active {
	background-color: #ffffff;
	transform: translate3d(0, 1px, 0);
	margin-top: -3px;
}
.security-tabs li.active a,
.security-tabs li a:hover {
	color: #125dd3;
	text-decoration: none;
}

.security-tabs li a:hover {
    transition: .3s;
}


/**/
.security-tabs-wrap {
    padding-top: 40px;
	background-color: #125dd3;
}

.post-container {
	margin-bottom: 40px;
}

.post-container table,
.table-security {
	width: 100%;
	border-width: 1px;
	border-collapse: collapse;
}

.post-container table,
.post-container table th,
.post-container table td,
.table-security,
.table-security th,
.table-security td {
	border: 1px solid #D9D9D6;
	padding: 8px 10px;
}

.post-container tr th,
.table-security tr th {
	font-weight: 600;
	font-size: 16px;
	line-height: 22px;
	background-color: #f4f5f7;
	border-width: 1px;
}
.post-container td,
.table-security td {
	font-size: 15px;
}




/* Form */

.form-title {
	color: white;
	font-size: 22px;
	line-height: 28px;
	font-weight: 600;
	margin: 0 0 10px;
}
.form-desc {
	color: white;
	margin: 0 0 20px;
}

.section-form {
	padding: 40px 0;
	background-color: #125dd3;
}

.form-wrap {
	max-width: 490px;
    margin: 0 auto;
}

.form-subscribe .group-fields {
    display: flex;
    justify-content: center;
}

.form-subscribe .group-fields .input-field {

}

.form-subscribe .input-field {
    position: relative;
}

.form-subscribe .input-field.btn-wrap {
	margin-top: 20px;
}

.form-subscribe .input-field label.label {
	position: absolute;
	left: 10px;
	top: 11px;
	font-size: 16px;
	color: white;
	font-weight: normal;
	transition: all ease-in-out 0.2s;
}

.form-subscribe .input-field input.input {
    width: 100%;
    padding: 12px 10px;
    margin: 0;
    font-size: 16px;
    line-height: 1;
    background-color: transparent;
    font-weight: 400;
    box-sizing: border-box;
    border: 0;
    outline: none;
    color: white;
    width: 100%;
    height: 51px;
}

.form-subscribe .form-error .input-field input.input {
    transition: .3s;
}

.form-subscribe .input-field.icon-mail {
    width: 100%;
}

.form-subscribe .input-field input.input:focus,
.form-subscribe .input-field.has-focus input.input,
.form-subscribe .input-field.has-value input.input {
    transition: .2s;
}

.form-subscribe .input-field input.input:focus ~ .label,
.form-subscribe .input-field input.input:invalid ~ .label,
.form-subscribe .input-field.has-focus input.input + label + .label,
.form-subscribe .input-field.has-value > input.input + label.label {
    color: #125dd3;
    top: -20px;
    left: 10px;
    opacity: .8;
    font-size: 12px;
    color: white;
    font-weight: 600;
}


.form-subscribe .alerts-wrap {
    position: relative;
}

.form-subscribe .alerts-wrap .error {
	display: none;
	color: #e89995;
	position: relative;
	margin: 6px 0 0 10px;
	font-size: 12px;
}

.form-subscribe .form-error .alerts-wrap .error {
    display: block;
}

.form-subscribe .btn {
    background-color: #6adb9d;
    border-color: transparent;
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    max-height: 50px;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    padding: 14px 50px;
}

.form-subscribe .btn:hover {
    background-color: #6fb68a;
    transition: .3s;

}

.form-subscribe .thank-you-wrap {
    display: none;
    text-align: center;
}

.form-subscribe.form-thank-you .thank-you-wrap {
    display: block;
}

.form-subscribe.form-thank-you form {
    display: none;
}

.thank-you-wrap .thank-you-text {
    font-style: normal;
    font-weight: 400;
    color: white;
    font-size: 21px;
    line-height: 28px;
    margin: 0 0 40px;
    text-align: center;
}

.form-subscribe .bar:after {
    content: '';
    width: 0;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 300ms;
    position: absolute;
}

.form-subscribe .bar {
	background-color: #4282dd;
	height: 1px;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
}

.form-subscribe input:focus ~ .bar:after,
.form-subscribe input:not(:placeholder-shown) ~ .bar:after {
    width: 100%;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(255, 255, 255, .6);
}

::-moz-placeholder { /* Firefox 19+ */
    color: rgba(255, 255, 255, .6);
}

:-ms-input-placeholder { /* IE 10+ */
    color: rgba(255, 255, 255, .6);
}

:-moz-placeholder { /* Firefox 18- */
    color: rgba(255, 255, 255, .6);
}

.checkbox-green {
	margin-top: 22px;
}

.checkbox-text {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    opacity: .9;
}

.checkbox label {
	position: relative;
    cursor: pointer;
    padding-left: 0;
    display: flex;
}

.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none;
}

.checkbox .checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 3px;
    margin-right: 10px;
}

.checkbox-green .checkbox-material:before {
	content: '';
    position: absolute;
    left: 8px;
    top: 7px;
    background-color: #6adb9d;
    height: 4px;
    width: 4px;
    border-radius: 100%;
    z-index: 1;
    opacity: 0;
    margin: 0;
}

.checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before {
    -webkit-animation: rippleOff .7s forwards ease-out;
    animation: rippleOff .7s forwards ease-out;
}

.checkbox .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid white;
    color: white;
    border-radius: 2px;
    overflow: hidden;
    z-index: 1;
}

.checkbox .checkbox-material .check:before {
	content: '';
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    margin-top: -4px;
    margin-left: 6px;
    width: 0;
    height: 0;
    box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    -webkit-animation: checkbox-off .3s forwards ease-out;
    animation: checkbox-off .3s forwards ease-out;
}

.checkbox-green input[type=checkbox]:checked+.checkbox-material .check {
    color: #6adb9d;
    border-color: #6adb9d;
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:before {
    box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    -webkit-animation: checkbox-on .3s forwards ease-out;
    animation: checkbox-on .3s forwards ease-out;
}

#sub_check.error .checkbox-text {
	color: #e89995
}

#sub_check.error .check {
    border: 2px solid #e89995;
}

/*form security*/
.form-subscribe {
    border: 1px solid #ffffff;
    padding: 40px;
    margin-bottom: 40px;
}

.form-security .thank-you-text,
.form-done .form-security .additional-info .title,
.form-done .form-security .additional-info .text,
.form-done .form-security .additional-info .form-alert,
.form-done #form_security {
    display: none;
}

.form-done .thank-you-text {
    display: block;
}

.form-security .thank-you-text .message-wrap .text {
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
}

.form-wrap {
    max-width: 600px;
}

.section-form-security .title {
    margin: 0;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #fff;
    margin-bottom: 32px;
}

.section-form-security .text p {
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
}

.section-form-security a {
    color: #6adb9d;
    text-decoration: none;
    font-weight: 600;
    transition: .24s;
}

.section-form-security a:hover {
    transition: .24s;
    color: #99FFBB;
}

.section-form-security .form-alert {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background-color: rgba(255,255,255,.08);
    padding: 30px 60px;
    margin: 30px 0;
    position: relative;
}

.section-form-security .form-alert:before {
    content: '';
    background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/img/icon-alert-form.svg);
    position: absolute;
    background-size: 20px 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 1;
}

    /*Form*/
.form-security {
    background-color: #103586;
    padding: 40px;
    position: relative;
}
.form-security .col {
    flex: 1;
}

/*.form-security .col:first-child {
    padding-right: 20px;
}

.form-security .col:last-child {
    padding-left: 20px;
}*/

.form-security .row-fields:not(:last-child) {
    padding-bottom: 30px;
}

.form-security .input-field {
    position: relative;
}

.form-security .input-field:not(:last-child) {
    margin-bottom: 24px;
}

.form-security .choices {
    margin-bottom: 0;
}
.form-security .input-field .input-mask,
.form-security .input-field input,
.form-security .input-field textarea,
.form-security .choices .choices__list .choices__item {
    background-color: transparent;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    margin: 0;
    padding: 16px 16px;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    opacity: 1;
}

.form-security .input-field.file input {
    padding: 11px 16px;
    cursor: pointer;
}

.form-security .input-field .input-mask,
.form-security .input-field input,
.form-security .input-field textarea {
    border: 1px solid rgba(255, 255, 255, .8);
    outline: none;
    height: 48px;
    width: 100%;
}

.form-security .input-field .input-mask {
    cursor: pointer;
    position: relative;
    z-index: 11;
}

.form-security .input-field .input-mask .input-mask-text {
    max-width: 234px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 16px;
}

.form-security .input-field:hover .input-mask,
.form-security .input-field:hover input,
.form-security .input-field:hover textarea {
    color: rgba(255, 255, 255, 1);;
    border: 1px solid rgba(255, 255, 255, 1);
    transition: .3s;
}

.form-security .input-field:hover .label,
.form-security .input-field:hover label {
    color: #85b3ec;
}

.form-security .input-field .input-mask:focus,
.form-security .input-field textarea:focus,
.form-security .input-field input:focus {
    border-color: rgba(255, 255, 255, .8);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8);
    transition: box-shadow .3s;
}

.form-security .input-field label {
    font-family: 'Poppins', sans-serif;
    position: absolute;
    top: 17px;
    left: 17px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #85b3ec;
    transition: all ease-in-out 0.2s;
    cursor: text;
}

.form-security .input-field.select label,
.form-security .input-field.file .label,
.form-security .input-field input:focus + .label,
.form-security .input-field input:valid + .label,
.form-security .input-field textarea:focus + .label,
.form-security .input-field textarea:valid + .label,
.form-security .input-field input:focus + span + .label,
.form-security .input-field input:focus + span + span + .label,
.form-security .input-field input:valid + span + .label,
.form-security .input-field input:valid + span + span + .label {
    top: -6px;
    left: 9px;
    font-size: 12px;
    line-height: 1;
    color: rgba(255, 255, 255, .8);
    background-color: #103586;
    padding: 0 8px;
    font-weight: 500;
}

.form-security .input-field textarea {
    width: 100% !important;
    max-width: 100%;
    min-height: 56px;
    max-height: 500px;
    height: 100px;
}

.form-security .input-field.file .label {
    position: absolute;
    z-index: 12;
}

.form-security .input-field.file input[type=file] {
    display: none;
}

.form-security .input-field.file input:invalid + .input-mask + .file-btn + .label {
    top: 17px;
    font-size: 14px;
    z-index: 0;
}

.form-security .input-field.file label {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    position: relative !important;
    display: block;
}

.form-security .input-field input:focus + .label,
.form-security .input-field textarea:focus + .label,
.form-security .input-field input:focus + span + .label,
.form-security .input-field textarea:focus + span + span + .label {
    color: rgba(255, 255, 255, 1);
}

.form-security .field-captcha .input-field {
    width: 100%;
}

.form-security .field-captcha .images-captcha {
    display: flex;
}

.form-security select option {
    padding: 20px 10px;
    color: #85b3ec;
    background-color: #103586;
    border-radius: 0;
}

.form-security select {
    border-radius: 0;
    outline: none;
    width: 100%;
    height: 48px;
    font-size: 14px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .8);
    color: #ffffff;
    padding: 0 12px;
}

.form-security .error {
    font-family: 'Poppins', sans-serif;
    color: #f25a46;
    position: relative;
    margin: 7px 0 0 8px;
    font-size: 10px;
    line-height: 14px;
    display: block;
}

.file-btn {
    font-style: normal;
    font-weight: 400;
    color: #6f9;
    font-size: 14px;
    background: rgba(102,255,153,.08);
    border-radius: 25px;
    padding: 6px 16px 6px 36px;
    transition: .3s;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 14px;
    transition: .24s;
    cursor: pointer;
}

.form-security .input-field.file:hover .file-btn {
    background-color: rgba(102,255,153,.2);
    transition: .24s;
}

.file-btn:before {
    content: '';
    background-image: url(<?php echo get_stylesheet_directory_uri(); ?>/img/icon-attach.svg);
    position: absolute;
    background-size: 18px 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 14px;
    width: 18px;
    height: 15px;
    z-index: 1;
}

.btn.green {
    background-color: #6adb9d;
    border-color: transparent;
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    max-height: 50px;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    border-width: 1px;
    border-style: solid;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    padding: 14px 50px;
}
.btn.green:hover {
    transition: .24s;
    background-color: #6fb68a;
    color: #ffffff;
}

/*preloader*/
.btn-preloader {
    display: inline-block;
}
.preloader .btn-preloader .btn.green {
    color: #6adb9d;
}
.preloader .form-security:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(16,53,134,.9);
    z-index: 13;
}
.lds-ellipsis {
  display: none;
    position: absolute;
    width: 80px;
    height: 80px;
    z-index: 14;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.preloader .lds-ellipsis {
    display: inline-block;
}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #ffffff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

 div.images-captcha div{
     height: 27px;
     width: 20px;
     float: left;
 }

#antispam{width: 173px!important;margin-left: 97px;}
#captchaImage{
    position: relative;
    display: block;
    height: 27px;
    background-color: #7fb9e2;
    width: 95px;
}
#captchaImage div{
    height: 27px;
    width: 20px;
    float: left;
}

@media screen and (max-width: 550px) {
    .form-security {
        padding: 20px;
    }
}


/*404*/
.hero-404 {
    background:#125dd3; 
    padding-top:0!important;
    padding-bottom:0!important;
}
.hero-404 img {
    margin:auto;
    width:100%;
}
.hero-404 a {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    display: table;
    margin: auto;
    width: 220px;
    padding: 23px 0;
    text-decoration: none;
    text-align: center;
    color: #125dd3;
    background: #66FF99;
    border-radius: 32px;
}
.hero-404 a:hover {
    background-color: #6FB68A;
}
.container-404 {
    max-width: 730px;
    margin: 0 auto;
    padding:120px 15px;
}
.hero-404 .content {
    min-height: 500px;
}

.hero-404 h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 0;
    text-align: center;
    /*font-family: 'segoe_uiregular'; 
    font-family: 'Open Sans',sans-serif; */
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
}

.hero-404 h2 {
    color: #fff;
    /*font-family: 'segoe_uilight';*/
    font-family: 'Open Sans',sans-serif;
    font-family: Raleway;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
}
.hero-404 .message {
    line-height: 21px;
    font-size: 14px;
}
.hero-404 .message a {
    color: #6adb9d;
    font-size: 14px;
}

.hint-alert {
    background: rgba(18, 93, 211, 0.08);
    padding: 20px 15px 20px 90px;
    margin-bottom: 25px;
    position: relative;
}

.hint-alert:before {
    content: '';
    background: url(img/icons/icon-alert.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 50px;
}

.hint-alert a {
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #125DD3;
}

.hint-alert a:hover {
    color: #103586;
    transition: .24s;
}


/*table*/

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap
}

table.dataTable td.dt-control {
    text-align: center;
    cursor: pointer
}

table.dataTable td.dt-control:before {
    height: 1em;
    width: 1em;
    margin-top: -9px;
    display: inline-block;
    color: white;
    border: .15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 .2em #444;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: "Courier New", Courier, monospace;
    line-height: 1em;
    content: "+";
    background-color: #31b131
}

table.dataTable tr.dt-hasChild td.dt-control:before {
    content: "-";
    background-color: #d33333
}

table.dataTable thead th:active,
table.dataTable thead td:active {
    outline: none
}

table.dataTable tfoot th,
table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #111
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    *cursor: hand;
    background-repeat: no-repeat;
    background-position: center right
}

table.dataTable thead .sorting {
    background-image: url("img/sort_both.png")
}

table.dataTable thead .sorting_asc {
    background-image: url("img/sort_asc.png") !important
}

table.dataTable thead .sorting_desc {
    background-image: url("img/sort_desc.png") !important
}

table.dataTable thead .sorting_asc_disabled {
    background-image: url("img/sort_asc_disabled.png")
}

table.dataTable thead .sorting_desc_disabled {
    background-image: url("img/sort_desc_disabled.png")
}

table.dataTable tbody tr {
    background-color: #fff
}

table.dataTable tbody tr.selected {
    background-color: #b0bed9
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 8px 10px
}

table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
    border-top: 1px solid #ddd
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
    border-top: none
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
    border-top: none
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9
}

table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4
}

table.dataTable.hover tbody tr:hover,
table.dataTable.display tbody tr:hover {
    background-color: #f6f6f6
}

table.dataTable.hover tbody tr:hover.selected,
table.dataTable.display tbody tr:hover.selected {
    background-color: #aab7d1
}

table.dataTable.order-column tbody tr>.sorting_1,
table.dataTable.order-column tbody tr>.sorting_2,
table.dataTable.order-column tbody tr>.sorting_3,
table.dataTable.display tbody tr>.sorting_1,
table.dataTable.display tbody tr>.sorting_2,
table.dataTable.display tbody tr>.sorting_3 {
    background-color: #fafafa
}

table.dataTable.order-column tbody tr.selected>.sorting_1,
table.dataTable.order-column tbody tr.selected>.sorting_2,
table.dataTable.order-column tbody tr.selected>.sorting_3,
table.dataTable.display tbody tr.selected>.sorting_1,
table.dataTable.display tbody tr.selected>.sorting_2,
table.dataTable.display tbody tr.selected>.sorting_3 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.odd>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f1f1f1
}

table.dataTable.display tbody tr.odd>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
    background-color: #f3f3f3
}

table.dataTable.display tbody tr.odd>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
    background-color: whitesmoke
}

table.dataTable.display tbody tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
    background-color: #a6b4cd
}

table.dataTable.display tbody tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
    background-color: #a8b5cf
}

table.dataTable.display tbody tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
    background-color: #a9b7d1
}

table.dataTable.display tbody tr.even>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background-color: #fafafa
}

table.dataTable.display tbody tr.even>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
    background-color: #fcfcfc
}

table.dataTable.display tbody tr.even>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
    background-color: #fefefe
}

table.dataTable.display tbody tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
    background-color: #acbad5
}

table.dataTable.display tbody tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
    background-color: #aebcd6
}

table.dataTable.display tbody tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
    background-color: #afbdd8
}

table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
    background-color: #eaeaea
}

table.dataTable.display tbody tr:hover>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
    background-color: #ececec
}

table.dataTable.display tbody tr:hover>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
    background-color: #efefef
}

table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
    background-color: #a2aec7
}

table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
    background-color: #a3b0c9
}

table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
    background-color: #a5b2cb
}

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
    padding: 4px 17px
}

table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
    padding: 4px
}

table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
    padding: 4px
}

table.dataTable th,
table.dataTable td {
    box-sizing: content-box
}

.dataTables_wrapper {
    position: relative;
    clear: both
}

.dataTables_wrapper .dataTables_length {
    float: left
}

.dataTables_wrapper .dataTables_length select {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    padding: 4px
}

.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px
}

.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: .755em
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, white 0%, #dcdcdc 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: -moz-linear-gradient(top, #585858 0%, #111 100%);
    background: -ms-linear-gradient(top, #585858 0%, #111 100%);
    background: -o-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%)
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%)
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333
}

.dataTables_wrapper .dataTables_scroll {
    clear: both
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td {
    vertical-align: middle
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody>table {
    border-bottom: none
}

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

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

    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em
    }
}

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

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em
    }
}

table.dataTable tbody td.sorting_1 {
    box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 5%);
}

table.dataTable tbody tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 2%);
}

table.dataTable tbody tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 4%);
}

/*/table*/


@media screen and ( max-width: 976px ) {
    .posts-wrap {
        padding-top: 47px
    }
    .security-tabs-wrap .container {
        padding-left: 0;
        padding-right: 0;
    }
    .security-tabs li a {
        font-size: 14px;
        line-height: 20px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and ( max-width: 767px ) {
    h1 {
        font-size: 24px;
        line-height: 30px;
    }
    .post-container td, .table-security td {
        font-size: 14px;
        line-height: 20px;
    }
    .container-404 {
        padding: 80px 15px 60px 15px;
    }
    .hint-alert {
        padding: 20px 15px 20px 60px;
    }
    .hint-alert:before {
        left: 20px;
    }
    .hint-alert a {
        font-size: 16px;
        line-height: 22px;
    }
}

@media screen and ( max-width: 388px ) {
    .posts-wrap {
        padding-top: 40px
    }
}

/*animations*/
@-webkit-keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }
    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

@keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    }
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    }
    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    }
}

@-webkit-keyframes checkbox-off {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0px;
        height: 0px;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    }
    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset;
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    }
}

@keyframes checkbox-off {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    25% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
    }
    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -4px;
        margin-left: 6px;
        width: 0;
        height: 0;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
    }
    51% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 10px inset;
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        margin-top: -2px;
        margin-left: -2px;
        width: 20px;
        height: 20px;
        box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
    }
}

@-webkit-keyframes rippleOn {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(13, 13);
        transform: scale(13, 13);
    }
}

@keyframes rippleOn {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(13, 13);
        transform: scale(13, 13);
    }
}

@-webkit-keyframes rippleOff {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(13, 13);
        transform: scale(13, 13);
    }
}

@keyframes rippleOff {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(13, 13);
        transform: scale(13, 13);
    }
}

/*LoadMore*/



.loadmore {
    display: block;
    text-decoration: none;
    background-color: #f4f5f7;
    padding: 16px;
    color: #125dd3;
    font-weight: bold;
    position: relative;
    height: 52px;
    text-align: center;
    cursor: pointer;
}

.loadmore.noContent {
    cursor: default;
}

.loadmore.table-loader:not(.noContent) {
    font-size: 0;
}

.loadmore.table-loader .lds-ellipsis {
    display: block;
}

#tbody-content {
    min-height: 464px;
}

#tbody-content tr {
    display: none;
}

.table-security-wrap.table-loader {
    position: relative;
}

.table-security-wrap.table-loader:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(16,53,134,.3);
    z-index: 1;
}

.table-security-wrap.table-loader .lds-ellipsis {
    display: inline-block;
}

.lds-ellipsis {
  display: none;
    position: absolute;
    width: 80px;
    height: 80px;
    z-index: 11;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #125dd3;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}