@font-face {
    font-family: GothamProRegular;
    src: url(/fonts/GothamProRegular.eot);
    src: url(/fonts/GothamProRegular.eot?#iefix) format("embedded-opentype"), url(/fonts/GothamProRegular.woff) format("woff"), url(/fonts/GothamProRegular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: GothamProMedium;
    src: url(/fonts/GothamProMedium.eot);
    src: url(/fonts/GothamProMedium.eot?#iefix) format("embedded-opentype"), url(/fonts/GothamProMedium.woff) format("woff"), url(/fonts/GothamProMedium.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: GothamProBold;
    src: url(/fonts/GothamProBold.eot);
    src: url(/fonts/GothamProBold.eot?#iefix) format("embedded-opentype"), url(/fonts/GothamProBold.woff) format("woff"), url(/fonts/GothamProBold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-header:after, .modal-footer:after {
    clear: both;
}

.clear{clear:both;}
.left{float:left;}
.right{float:right;}

*:before, *:after, * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
* {
	border:none;
	text-decoration:none;
	outline:none;
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0;
    font-weight: 400
}

h2 {
    font-size: 18px
}

h2,
h3 {
    font-family: GothamProMedium, Verdana;
}

h3 {
    font-size: 16px
}

h4 {
    font-size: 14px;
    font-family: GothamProMedium, Verdana;
}

ol, ul {
    list-style: none
}
ol {
	margin: 0 0 0 1.5em;
}
ol ol li {
    list-style-type: lower-alpha;
	padding: 10px 0px 10px 10px;
}

ul li {
	padding: 10px 0px 10px 10px;
}

button {
    outline: none
}

button,
img {
    border: none
}

a {
    text-decoration: none;
    color: inherit
}

templates {
	display: none;
}

[contenteditable=true]:empty:before {
    content: attr(data-placeholder);
    color: #131313;
    font-size: inherit;
    display: block;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background-color: rgb(27, 157, 236);
    border: 1px solid #f38939;
    outline: none;
    border-radius: 2px;
    height: 10px;
    padding: 0px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    width:18px;
    height:18px;
    background:#f38939;
    border-radius:18px;
    cursor:pointer;
    transition:.1s;
}

input[type=range]::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    width:18px;
    height:18px;
    background:#f38939;
    border-radius:18px;
    cursor:pointer;
    transition:.1s;
}


input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

body {
    font-size: 12px;
    font-family: GothamProRegular, Verdana;
    color: #424242;
    background-color: #e8ecee;
    margin: 0;
    padding: 0;
    min-width: 1260px;
    overflow-x: auto;
    background-repeat: no-repeat;
}
body.white {
	background-color: #ffffff;
	background-image: url(/404-white-bg.webp);
}
body.white .user-block {
    margin-left: 0px;
}
body.blue {
	background-color: #30699f;
	background-image: url(/404-white-bg.webp);
}
body.white sticky {
    background: #fff;
    border-top: 0px;
}
body.white #global-date,
body.white #global-reload {
    border: 1px solid #c8c3c3;
}



main {
    -ms-flex: 1;
    flex: 1;
    position: relative;
    min-height: 80vh;
	margin-top: -80px;
    padding-top: 80px;
}

form {
	position: relative;
}


input, textarea {
    width: 100%;
    background-color: #fff;
    font-size: 12px;
    font-family: GothamProRegular, Verdana;
    padding: 0px 20px 1px 20px;
    border-radius: 3px;
    border: 1px solid #cfd3d5;
    transition: all .3s linear;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #c4c3c3
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #c4c3c3
}

input:-ms-input-placeholder,
input::-ms-input-placeholder,
textarea:-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #c4c3c3
}

input::placeholder,
textarea::placeholder {
    color: #c4c3c3
}

input[disabled], textarea[disabled] {
	background-color: rgba(222, 213, 206, 0.1);
	cursor: not-allowed;
}
input[readonly], textarea[readonly] {
	background-color: rgba(222, 213, 206, 0.1);
	cursor: default;
}
input[type=range][disabled] {
	border: 1px solid #c4c3c3;
}
input[type=range][readonly] {
	border: 1px solid #c4c3c3;
}
input[type=range][disabled]::-webkit-slider-thumb {
    background: #c4c3c3;
}
input[type=range][disabled]::-moz-range-thumb {
    background:#c4c3c3;
}

input.is-ok,
input:focus,
textarea.is-ok,
textarea:focus {
    border-color: #b9b5b5
}

input.error,
textarea.error {
    border-color: #f4acac
}

input, select {
    height: 40px
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset
}

textarea {
    height: 120px;
    resize: none;
    padding-top: 10px;
    margin-top: 3px
}

::-webkit-input-placeholder {
    color: rgba(79, 93, 109, .73)
}

:-moz-placeholder,
::-moz-placeholder {
    color: rgba(79, 93, 109, .73)
}

:-ms-input-placeholder {
    color: rgba(79, 93, 109, .73)
}

.price[data-old] {
	text-decoration: line-through;
	opacity: 0.9;
}
.price:before {
    content: attr(data-sign);
}

.header-inner {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    padding: 17px 0px;
}

header {
    background: #2c4158;
    position: relative;
    z-index: 10;
}

header .ui-selectmenu-button.ui-button {
    width: 120px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff
}

header .ui-selectmenu-button.ui-button:active,
header .ui-selectmenu-button.ui-button:focus,
header .ui-selectmenu-button.ui-button:hover {
    color: #fff;
    border: 1px solid #338bd9;
    background: #338bd9
}

header .ui-selectmenu-button.ui-button .ui-selectmenu-icon,
header .ui-selectmenu-button.ui-button:active .ui-selectmenu-icon,
header .ui-selectmenu-button.ui-button:focus .ui-selectmenu-icon,
header .ui-selectmenu-button.ui-button:hover .ui-selectmenu-icon {
    background: url(/arrow-down-white.svg) 50%/contain no-repeat
}

header.index {
    background: #2F4773;
    border-bottom: 2px solid rgb(240, 243, 249);
    height: 100px;
}

header.index .logo-text {
    font-size: 0px;
}

header.index .header-index {
	max-width: 1440px;
    margin: 0px auto;
}

header .header-index {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #2f4773;
    padding: 10px 0px;
}

header .header-nav {
	font-size: 14px;
    font-family: GothamProMedium, Verdana;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header .header-nav__i {
    margin-right: 35px;
    transition: all .3s linear;
    position: relative;
    color: #FFFFFF;
    padding: 0px;
    font-size: 16px;
    font-family: GothamProRegular, Verdana;
    font-weight: 500;
    cursor: pointer;
}

header .header-nav__i:last-child {
    margin-right: 0
}

header .header-nav__i:hover,
header .header-nav__i[data-mark] {
    color: #338bd9;
}

header .group-navy {
    display: -ms-flexbox;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: center;
}
header .user-block {
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

header:not(.index) .user-block:before {
    content: "";
    margin-left: 10px;
    margin-right: 15px;
    width: 1px;
    height: 40px;
    background-color: hsla(0, 0%, 100%, .1);
}

header .user-el {
	display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    transition: all .3s linear;
    cursor: pointer;
}

header .user-el:focus,
header .user-el:hover {
    border: 1px solid #338bd9;
    background: #338bd9
}

header .user-el[data-count-notices]:not([data-count-notices="0"]):after {
    position: absolute;
    content: attr(data-count-notices);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    right: -6px;
    top: 3px;
    background: #f38939;
    color: #fff;
    font-size: 9px;
    font-family: GothamProMedium, Verdana;
    line-height: 16px;
    text-align: center
}


header .user-el.btn-profile {
    margin-left: 10px
}

header .user-el .ico {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

header .user-el.btn-profile .ico {
    background-image: url(/user.svg)
}

header .user-el.btn-help .ico {
    background-image: url(/question.svg)
}

header .user-el.btn-feedback .ico {
    background-image: url(/ico-email-blue.svg)
}

header .container,
header .header-index {
    height: 100%;
}

header .left-nav {
    font-size: 14px;
    font-family: GothamProMedium, Verdana;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 25px;
}

header .right-nav {
    font-size: 14px;
    font-family: GothamProMedium, Verdana;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 45px;
}

/* sticky header */
sticky {
	background: #2b3e4b;
    border-top: 1px solid #7e8c98;
    position: relative;
    z-index: 90;
    display: block;
}
.sticky-inner {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    color: white;
    min-height: 40px;
}
sticky.scrolled {
	box-shadow: 0px 1px 5px rgb(43 62 75);
	transition: all 0.5s;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	border: 0px;
	padding: 10px 0px;
}
.sticky-inner div {
    display: flex;
    align-items: center;
}
sticky a.btn-g {
    height: 30px;
}
sticky a.btn-g:hover {
    box-shadow: 1px 1px 0 0 #cdd8de;
}

#global-reload {
    height: 30px;
    width: 30px;
    min-width: 30px;
    background-size: 16px;
    border: 1px solid #ffffff;
    background-color: #FFFFFF;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    background-image: url(/ico-reload-grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    transition: all .3s linear;
    cursor: pointer;
    font-size: 14px;
    border-radius: 3px;
}
#global-reload:hover {
	border: 1px solid #338bd9;
	background-image: url(/ico-reload-blue.svg);
}

#global-date {
    height: 30px;
    min-width: 150px;
    border: 1px solid #ffffff;
    padding: 0px 10px 0px 35px;
    margin: 0px 0px 0px 10px;
    color: #338bd9;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 3px;
    background-position: 10px center;
    background-repeat: no-repeat;
    transition: all .3s linear;
    background-image: url(/ico-calendar-grey.svg);
    font-size: 14px;
    text-align: left;
}

#global-date:hover {
	border: 1px solid #338bd9;
	background-image: url(/ico-calendar-blue.svg);
	color: #338bd9;
}
sticky.scrolled #global-date {
    height: 40px;
    font-size: 16px;
    background-size: 22px;
    padding: 1px 15px 0px 40px;
}
sticky.scrolled #global-reload {
	height: 40px;
	width: 40px;
}
sticky.scrolled a.btn-g {
    height: 40px;
}

sticky .top {
    opacity: 0;
}

sticky.scrolled .top {
    opacity: 1;
}
sticky.scrolled .sticky {
    margin-top: 15px;
}

sticky .sticky {
    position: absolute;
    margin-top: 4px;
    right: 30px;
    width: 100%;
    min-height: 120px;
    max-width: 600px;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 1px 1px 5px rgb(43 62 75);
    border: 1px solid #2b3e4b;
    visibility: hidden;
    opacity: 0;
    transition: all .3s linear;
    display: none;
}
sticky .sticky.is-open {
    visibility: visible;
    opacity: 1;
    display: block;
}

sticky .sticky .date-title {
    font-size: 16px;
    text-align: center;
    padding: 10px 0px;
    font-family: GothamProBold;
}

sticky .sticky .date-ranges {
    display: table;
    white-space: nowrap;
    margin: 10px auto;
    align-items: center;
    height: 40px;
    border: 1px solid #7e8c98;
    border-radius: 3px;
    width: 95%;
    width: calc(100% - 40px);
}

sticky .sticky .date-ranges > div {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    padding: 0px 10px;
    cursor: pointer;
    min-width: 80px;
    text-align: center;
    font-family: GothamProMedium;
}
sticky .sticky .date-ranges > div:not(:last-child) {
	border-right: 1px solid #7e8c98;
}
sticky .sticky .date-ranges > div.selected {
	background-color: #338bd9;
	color: #e8ecee;
}
sticky .sticky .date-ranges > div:hover {
	background-color: #338bd9;
	color: white;
}

sticky .sticky .date-inputs {
    display: table;
    margin: 10px auto;
    width: 95%;
    width: calc(100% - 40px);
}
sticky .sticky .date-inputs > div {
	display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}
sticky .sticky .date-inputs > div.date-arrow {
    width: 40px;
    background-image: url(/arrow-right-blue.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25%;
}
sticky .sticky .date-buttons {
    display: flex;
    margin: 10px auto;
    min-width: 450px;
    align-items: center;
    justify-content: center;
    width: 95%;
    width: calc(100% - 40px);
}
sticky .sticky .date-buttons button {
	width: 100%;
}


.btn-login, .btn-signup {
    border: 1px outset #F3F3F3;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 3px;
    font-size: 14px;
    line-height: 1;
    font-family: GothamProRegular;
    color: #fff;
    cursor: pointer;
    background: #2F4773;
    padding: 0 14px;
    transition: all .3s linear;
    height: 40px;
    width: 90px;
}
.btn-signup {
    width: auto;
    margin-left: 10px;
    background: #F3F3F3;
    color: #2F4773;
}
.btn-login:focus, .btn-login:hover,
.btn-signup:focus, .btn-signup:hover {
    /*background: #61bd4f;*/
    border: 1px inset #F3F3F3;
}


/* account */
.popup-menu {
    position: absolute;
    top: 67px;
    right: 88px;
    width: 250px;
    background: #fff;
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    display: none;
    z-index: 10000;
}
.popup-menu.is-active {
	display: block;
}
.popup-menu:before {
    content: ' ';
    display: block;
    position: absolute;
    bottom: 100%;
    right: 6px;
    background: url(/comment_arrow.png) no-repeat;
    width: 29px;
    height: 18px;
}
.popup-menu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-padding-start: 0px;
}
.popup-menu ul li.aside__item {
    width: 100%;
}
.popup-menu ul li a,
.popup-menu ul li a:hover {
    text-decoration: none;
}

.popup-menu li:hover {
	background: #e8ecee;
    color: #338bd9;
}

/*Wow Link Info Block*/
.wow-link-info-block {
    overflow: hidden;
    background: #2C4158;
}

.wow-link-info-block.signup a.btn,
.wow-link-info-block.signup a.btn-g {
    width: auto;
    min-width: 200px;
    padding: 0px 25px;
    height: 50px;
    font-size: 20px;
}
.wow-link-info-block.signup {
	border-radius: 3px;
    box-shadow: -1px 2px 1px 0 rgba(0, 0, 0, .12);
}
.wow-link-info-block.signup .wrapper {
	display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    margin: 25px 0px 30px 0px;
	padding: 0px 25px;
}
.wow-link-info-block.signup .wow-link-subtitle {
    color: #fff;
    margin: 0px 35px 0px 0px;
}
.wow-link-info-block .wrapper {
	flex-wrap: wrap;
	margin-top: 20px;
    margin-bottom: 25px;
}

footer {
    background: #2F3D4A;
    color: #b4bbc4;
    font-size: 13px;
}

footer .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
}

footer .container.index {
    max-width: 1200px;
    padding: 50px 30px 50px 30px;
    height: 100%
}

footer .footer__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1115px;
    width: 100%
}

footer .footer__column {
    margin-right: 30px
}

footer .footer__column:last-child {
    margin-right: 0
}

footer .footer__socials-box {
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
}

footer .footer__language-box {
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
	max-width: 240px;
}

footer .footer__language-box .selectize-control.single .selectize-input {
    background: #2B3E4B;
    border: 1px solid #46586c;
    box-shadow: none;
}

footer .footer__language-box .selectize-dropdown-content {
	background: #2B3E4B;
	-webkit-box-shadow: 0 1px 3px #46586c;
    box-shadow: 0 1px 3px #46586c;
    border: 1px solid #46586c;
}
footer .footer__language-box .selectize-dropdown {
	background: #2B3E4B;
}
footer .footer__language-box .selectize-dropdown .active {
	background: #2B3E4B;
	color: white;
}
.selectize-input .country-icon,
.selectize-dropdown [data-selectable].country-icon {
    line-height: 33px;
}

.selectize-input .country-icon:before,
.selectize-dropdown [data-selectable].country-icon:before {
content:' ';width: 38px;height: 26px;background-repeat: no-repeat;float: left;background-position: left center;background-size: 36px 24px;margin-top: 4px;display: block;margin-right: 10px;
}

footer .footer__copyright {
    color: hsl(211, 11%, 59%);
    font-family: GothamProRegular;
    font-size: 10px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

footer .footer__social-i {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    background: #FFFFFF;
    border: 1px solid hsla(0, 0%, 100%, 0);
    margin-right: 10px
}

footer .footer__social-i:last-child {
    margin-right: 0
}

footer .footer__social-i:focus,
footer .footer__social-i:hover {
    background: hsla(0, 0%, 100%, 0)
}

footer .footer__social-i:focus.fb,
footer .footer__social-i:hover.fb {
    border-color: #3b5998
}

footer .footer__social-i:focus.fb span,
footer .footer__social-i:hover.fb span {
    background-image: url(/logo-facebook-brand.svg)
}

footer .footer__social-i:focus.at,
footer .footer__social-i:hover.at {
    border-color: #ff9e00
}

footer .footer__social-i:focus.at span,
footer .footer__social-i:hover.at span {
    background-image: url(/logo-at-brand.svg)
}

footer .footer__social-i:focus.tg,
footer .footer__social-i:hover.tg {
    border-color: #2BADDF
}

footer .footer__social-i:focus.tg span,
footer .footer__social-i:hover.tg span {
    background-image: url(/logo-tg-brand.svg)
}

footer .footer__social-i:focus.ld,
footer .footer__social-i:hover.ld {
    border-color: #0077b5
}

footer .footer__social-i:focus.ld span,
footer .footer__social-i:hover.ld span {
    background-image: url(/logo-ld-brand.svg)
}

footer .footer__social-i:focus.tw,
footer .footer__social-i:hover.tw {
    border-color: #1da1f2
}

footer .footer__social-i:focus.tw span,
footer .footer__social-i:hover.tw span {
    background-image: url(/logo-twitter-brand.svg)
}

footer .footer__social-i.fb span {
    background-image: url(/logo-facebook-grey.svg)
}

footer .footer__social-i.at span {
    background-image: url(/logo-at-grey.svg)
}

footer .footer__social-i.tg span {
    background-image: url(/logo-tg-grey.svg);
	background-position: -1px 1px;
}

footer .footer__social-i.ld span {
    background-image: url(/logo-ld-grey.svg);
    background-position: 1px 0px;
    margin-top: -4px;
}
footer .footer__social-i.tw span {
    background-image: url(/logo-twitter-grey.svg)
}

footer .footer__social-i span {
    display: block;
    width: 20px;
    height: 20px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

footer .footer__nav-title {
    font-size: 14px;
    font-family: GothamProMedium;
    color: #fff;
    margin-bottom: 18px
}

footer .footer__nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px;
    height: 100%;
    justify-content: space-evenly;
}

footer .footer__nav-i {
    display: inline-block;
    line-height: 30px;
    transition: all .3s linear;
    cursor: pointer;
}

footer .footer__nav-i:focus,
footer .footer__nav-i:hover {
    color: #fff
}

footer .footer__marked {
	color: #338bd9;
}

/*lang*/

.container {
    max-width: 1980px;
    width: 100%;
    margin: auto;
	padding: 0 30px;
}
main .container {
	padding: 0 30px 40px 30px;
}

main.dashboard .container {
    padding: 25px 30px 40px 30px;
}

main.glink-stat .container {
	padding: 25px 30px 40px 30px;
	background: #e8ecee;
}

main.glink-stat .form-edit-link__block-link {
    margin-bottom: 20px;
    height: auto;
}
main.glink-stat .row-blocks {
	margin-top: 20px;
}
main.glink-stat .stat-block__i {
	width: calc(25% - 20px);
}



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

.apple-fix,
.no-scroll {
    width: 100%;
    position: fixed
}

.no-scroll {
    overflow-y: scroll
}

.img-wrapper {
    display: flex;
    align-items: center;
}

.img-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 19px;
}

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

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 5;
    display: none
}

/* merged */

.top-block {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
	-ms-flex-pack: space-between;
}
.top-block.api {
	border-bottom: 1px solid #E8E9EA;
}
.top-block h2 {
    font-size: 25px;
    margin: -4px 15px 0px 0px;
    color: #424242;
    font-family: GothamProRegular;
    font-weight: 600;
}
.right-side {
    margin-top: -15px;
}
.left-side {
    padding-bottom: 10px;
}

.stat-header {
    padding: 20px;
    margin-bottom: 20px
}

.stat-body {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

/*daterange  */
.daterange {
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-width: 235px;
    height: 40px;
    background: transparent;
    border: 1px solid #cfd3d5;
    font-size: 12px;
    border-radius: 3px;
    font-weight: normal;
    font-family: GothamProRegular;
    background-position: 10px center;
    background-repeat: no-repeat;
    transition: all .3s linear;
    background-image: url(/ico-calendar-grey.svg);
    text-align: left;
    padding-left: 20px;
    cursor: pointer;
}
.daterange:after {
	content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 12px;
    height: 6px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/arrow-down-black.svg);
    transform: translateY(-50%);
}
.daterange.daterange-show:after {
    background-image: url(/ico-close-grey.svg);
    width: 14px;
    height: 14px;
}
.daterange-options {
    position: absolute;
    top: 38px;
    z-index: 1002;
    min-width: 235px;
    max-width: 250px;
    left: -1px;
    background: white;
    border: 1px solid #cfd3d5;
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    display: table;
    white-space: nowrap;
    cursor: default;
}
.daterange:not(.daterange-show) .daterange-options {
	display: none;
}
.daterange-text {
    padding: 1px 0px 0px 15px;
}
.daterange-fast {
	display: inline-block;
	width: 100%;
	padding: 0px;
}
.daterange-manual {
	display: block;
	width: 100%;
	padding: 10px;
}
.daterange-manual > input {
    display: block;
    margin-bottom: 5px;
}
.daterange-manual > a.btn {
    width: 100%;
}
.daterange-fast > div {
    display: block;
    height: 40px;
    padding: 13px 0px 0px 15px;
    background: white;
    font-family: GothamProMedium;
    font-size: 14px;
    transition: all .1s linear;
    cursor: pointer;
    color: #338bd9;
}
.daterange-fast > div:not(:last-child) {
	border-bottom: 1px solid #cfd3d5;
}
.daterange-fast > div.selected {
    color: #338bd9;
    position: relative;
    cursor: default;
}
.daterange-fast > div.selected:after {
	content: '';
    position: absolute;
    top: 50%;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url(/check-blue.svg) 50%/contain no-repeat;
    transform: translateY(-50%);
}
.daterange-fast > div:not(.selected):focus,
.daterange-fast > div:not(.selected):hover {
    background: #e8ecee;
    color: #338bd9;
}

/*daterange end */

.box-tr-options {
    position: relative;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.group-navy .box-tr-options:first-child {
	margin-right: 5px;
}

.toggle-tr-options {
    position: relative;
    width: 170px;
    height: 40px;
    border-radius: 3px;
    padding: 13px;
    cursor: pointer;
    border: 1px solid #ffffff;
    background: #e8ecee;
}

.group-navy .toggle-tr-options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 180px;
    height: 40px;
    padding-left: 15px;
    background: transparent;
    color: #ffffff;
    border: 1px solid #566779;
}
.group-navy .toggle-tr-options.box-tr-create {
	background: #338bd9;
}

.toggle-tr-options:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 12px;
    height: 6px;
    background-image: url(/arrow-down-black.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
    transition: all .3s linear;
}

.toggle-tr-options.box-tr-create:after  {
	background-image: url(/arrow-down-white.svg);
}

.box-tr-options.is-open .toggle-tr-options:after {
    background-image: url(/arrow-down-blue.svg);
}

.box-tr-options.is-open .toggle-tr-options.box-tr-create:after {
    background-image: url(/arrow-down-black.svg);
}


.toggle-tr-options.is-open {
	background: #ffffff;
    color: inherit;
}

.drop-tr-options {
	display: none;
	width: 180px;
	position: absolute;
    top: 39px;
    left: 1px;
    background-color: #fff;
    border: 1px solid #d9dbe1;
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
}
.drop-tr-options.is-open {
	display: block;
}

.drop-tr-options a {
    display: block;
    border-bottom: 1px solid #e8ecee;
    color: #424242;
    padding: 13px 20px;
    transition: all .3s linear;
    cursor: pointer;
}
.drop-tr-options a.sub-tr-options {
	color: #008000;
}

.drop-tr-options a:focus,
.drop-tr-options a:hover {
    background: #e8ecee;
    color: #338bd9;
}

/* floating menu */
.floating-button {
    position: relative;
    width: 170px;
    height: 40px;
    border-radius: 3px;
    padding: 13px;
    cursor: pointer;
    border: 1px solid #ffffff;
    background-color: #e8ecee;
    text-align: left;
}

.floating-button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 12px;
    height: 6px;
    background: url(/arrow-down-black.svg) 50%/contain no-repeat;
    transform: translateY(-50%);
    transition: all .3s linear;
}

/*table hack*/
tbody[data-placeholder]:empty,
div[data-placeholder]:empty {
    display: block;
    height: 120px;
}

tbody[data-placeholder]:empty:after,
div[data-placeholder]:empty:after {
	content: attr(data-placeholder);
    line-height: 120px;
    color: #f38939;
    font-size: 16px;
    font-family: GothamProRegular;
    columns: 6;
    position: absolute;
    width: 200px;
    left: calc(50% - 100px);
    white-space: nowrap;
    display: block;
    text-align: center;
}

.linker tr:hover,
.linker tr.is-open,
.linker div.is-open,
.block-body .table-over > div:hover {
	background: #e8ecee;
    color: #338bd9;
    cursor:pointer;
}

.linker tr.is-open .floating-button {
	background-color: #ffffff;
    color: inherit;
    border: 1px solid #d9dbe1;
}

.linker tr.is-open .floating-button:after {
	background-image: url(/arrow-down-blue.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.floating-hover {
	display: none;
    z-index: 100;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
	border-radius: 3px;
    background: rgba(193, 193, 193, 0.5);
}

.floating-hover > span {
    position: fixed;
    right: 8px;
    top: 5px;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    color: #f28f47;
    transition: color .3s linear;
}

.floating-hover > span:hover {
    color: #61bd4f;
}

.floating-menu {
	display: none;
	min-width: 170px;
	position: absolute;
	left: 0px;
	top: 0px;
	border: 1px solid #d9dbe1;
	background:#fff;
	z-index: 10001;
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    transition: opacity .3s linear;
    border-radius: 5px 5px 0px 0px;
}
.floating-menu.is-open {
	display:block;
}

.floating-menu > div.submenu > div {
	position: absolute;
    left: -230px;
    top: 0px;
    width: 223px;
	background-color: rgb(44, 65, 88);
}
.floating-menu > *:not(.submenu) {
    display: block;
    border-bottom: 1px solid #e8ecee;
    color: #424242;
    padding: 13px 20px 13px 20px;
    transition: all .3s linear;
    cursor: pointer;
    background-size: 20px;
    background-position: 10px center;
    background-repeat: no-repeat;
}
.floating-menu > div.submenu > div > * {
	display: block;
    padding: 13px 20px 13px 20px;
    transition: all .3s linear;
    cursor: pointer;
    background-size: 20px;
    background-position: 10px center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #000000;
    color: white;
}

.floating-menu > *[data-option] {
	padding-left: 40px;
}
.floating-menu [data-option]:hover,
.floating-menu [data-dialog]:hover,
.floating-menu a:hover {
    background-color: #e8ecee;
    color: #338bd9;
}
.floating-menu [data-option="stat"] {
    background-image: url(/ico-chart-line-grey.svg);
}
.floating-menu [data-option="stat"]:hover {
    background-image: url(/ico-chart-line-blue.svg);
}
.floating-menu [data-option="edit"] {
    background-image: url(/edit.svg);
}
.floating-menu [data-option="edit"]:hover {
    background-image: url(/edit-blue.svg);
}
.floating-menu [data-option="settings"] {
    background-image: url(/settings-grey.svg);
}
.floating-menu [data-option="settings"]:hover {
    background-image: url(/settings-blue.svg);
}
.floating-menu [data-option="transfer"] {
    background-image: url(/transfer.svg);
}
.floating-menu [data-option="transfer"]:hover {
    background-image: url(/transfer-blue.svg);
}
.floating-menu [data-option="clone"] {
    background-image: url(/clone.svg);
}
.floating-menu [data-option="clone"]:hover {
    background-image: url(/clone-blue.svg);
}
.floating-menu [data-option="access"] {
    background-image: url(/access.svg);
}
.floating-menu [data-option="access"]:hover {
    background-image: url(/access-blue.svg);
}
.floating-menu [data-option="copy"] {
    background-image: url(/copy.svg);
}
.floating-menu [data-option="copy"].copied {
    background-image: url(/copy-link-green.svg);
}
.floating-menu [data-option="copy"]:hover {
    background-image: url(/copy-blue.svg);
}
.floating-menu [data-option="share"] {
    background-image: url(/share.svg);
}
.floating-menu [data-option="share"]:hover {
    background-image: url(/share-blue.svg);
}
.floating-menu [data-option="rename"] {
    background-image: url(/rename.svg);
}
.floating-menu [data-option="rename"]:hover {
    background-image: url(/rename-blue.svg);
}
.floating-menu [data-option="dns"] {
    background-image: url(/dns.svg);
}
.floating-menu [data-option="dns"]:hover {
    background-image: url(/dns-blue.svg);
}
.floating-menu [data-option="p404"] {
    background-image: url(/404-grey.svg);
}
.floating-menu [data-option="p404"]:hover {
    background-image: url(/404-blue.svg);
}
.floating-menu [data-option="remove"],
.floating-menu [data-option="unset"],
.floating-menu [data-option="unsubscribe"] {
    background-image: url(/remove.svg);
}
.floating-menu [data-option="remove"]:hover,
.floating-menu [data-option="unset"]:hover,
.floating-menu [data-option="unsubscribe"]:hover {
    background-image: url(/remove-blue.svg);
}

.floating-menu [data-option="transactions"] {
    background-image: url(/payment.svg);
}
.floating-menu [data-option="transactions"]:hover {
    background-image: url(/payment-blue.svg);
}

/*jisut opotions*/

.add-chart .options {
	height: 355px;
	overflow-x: hidden;
    overflow-y: scroll;
}

.options {
    display: block;
    padding: 10px;
}

.options > label {
    display: block;
    border-bottom: 1px solid #e8ecee;
    color: #424242;
    cursor: pointer;
    height: 40px;
    position: relative;
}
.options > label.hide {
	display: none;
}
.options > label > span {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 35px 15px 15px;
    transition: all .3s linear;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
}
.options > label > input {
	display: none;
}
.options > label:focus > span,
.options > label:hover > span {
    background: #f8f9fa;
    color: #338bd9;
}

.options > label > input:checked + span {
    color: #338bd9;
}

.options > label > input + span:after {
	content: '';
    position: absolute;
    right: 12px;
    width: 18px;
    height: 18px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.options > label > input.loading + span:after {
    background-image: url(/loader-blue.svg);
    animation: a 2s linear infinite;
}

.options > label > input:not(.loading):checked + span:after {
    background-image: url(/check-blue.svg);
}

div.compare {
	width: 300px;
}

.overlap {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 5;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 14px;
    color: #f38939;
}

.add-chart .table > div.is-active {
	z-index: 6;
	opacity: 1;
}
.add-chart .table > div:not(.is-active) {
	z-index: 1;
	opacity: 0.8;
}

.add-chart h6 {
	color: #828282;
	font-size: 14px;
    font-family: GothamProMedium;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

/*socials */

.share-block-icons {
	width: 200px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border: 1px solid #d9dbe1;
    padding: 35px 20px 5px 20px;
    background: white;
    border-radius: 3px;
    -webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all .3s linear;
    z-index: 1002;
}
.share-block-icons h4 {
	display: flex;
	width: 100%;
	margin: -20px 0px 10px -20px;
}
.share-block-icons.is-active {
	visibility: visible;
    opacity: 1;
    display: flex;
}

.share-block-icons button {
	position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
}

.share-block-icons > div {
    margin: 5px;
}

.share-block-icons > div.qr {
	width: 150px;
    height: 150px;
}
.share-block-icons > div.qr img {
	width: 100%;
    height: 100%;
}


/* buttons */


.btn-square {
	display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
	min-width: 40px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #cfd3d5;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .3s linear;
	background-color: transparent;
}

.ico-img {
    width: 40px;
    height: 40px;
    border: 0px solid #cfd3d5;
    display: inline-block;
    background-position: 0px -6px;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 14px;
    font-size: 10px;
    font-weight: bold;
}
.ico-img.smart {
    background-image: url(/smart-grey.svg)
}
.ico-img.is-active.smart {
    background-image: url(/smart-blue.svg)
}

.ico-btn {
	min-width: 16px;
	width: 16px;
    height: 16px;
    border: 0px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px;
    background-color: transparent;
    transition: all .2s linear;
    display: inline-block;
    text-align: center;
    position: relative;
    padding-top: 2px;
}
.td.ico-graph {
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 10px 3px;
    vertical-align: middle;
    padding-left: 40px;
}
.ico-btn.large {
	width: 32px;
    height: 32px;
    background-size: 32px;
    margin-right: 10px;
}

.ico-btn[data-icon].is-active, .ico-btn[data-icon]:not(.no-hover):focus, .ico-btn[data-icon]:not(.no-hover):hover {
    border-color: transparent;
    background-color: transparent;
}

[data-icon]:disabled,[data-icon]:disabled:hover,[data-icon]:disabled:focus {
	background-color: #e8ecee;
	background-size: 12px;
	border-color: #e8ecee;
}
[data-icon]:not(.no-hover):hover,[data-icon]:not(.no-hover):focus,[data-icon].checked,[data-icon].is-active {
	border-color: #338bd9;
    background-color: transparent;
    color: #338bd9;
}

[data-icon].saved,[data-icon].saved:not(.no-hover):hover,[data-icon].saved:not(.no-hover):focus {
	background-image: url(/checked.svg);
}

[data-icon].loading, [data-icon].loading:hover {
	background-image: none;
}

[data-icon].loading:after {
    content: ' ';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 18px;
    background-image: url(/loader-blue.svg);
    animation: a 2s linear infinite;
    width: 16px;
    height: 16px;
    display: block;
	position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px);
}

[data-icon].big {
	background-size: 20px;
}

[data-icon="edit"] {
    background-image: url(/edit.svg)
}
[data-icon="settings"] {
	background-image: url(/settings-grey.svg);
    background-size: 18px;
}
[data-icon="compare"] {
    background-image: url(/compare.png)
}
[data-icon="up"] {
    background-image: url(/up.svg);
    color: #008000;
}
[data-icon="down"] {
    background-image: url(/down.svg);
    color: #800000;
}

[data-icon="reload"] {
    background-image: url(/ico-reload-grey.svg)
}

[data-icon="close"] {
    background-image: url(/ico-close-grey.svg)
}

[data-icon="export"] {
    background-image: url(/ico-export-grey.svg)
}

[data-icon="options"] {
    background-image: url(/options.svg)
}

[data-icon="copy-doc"] {
    background-image: url(/ico-copy-doc-grey.svg)
}

[data-icon="copy"] {
    background-image: url(/copy-link-grey.svg)
}
[data-icon="copy"][data-copy=""],
[data-icon="copy"][data-copy=""]:hover,
[data-icon="copy"][data-copy=""].copied {
    background-color: #e8ecee;
    background-image: url(/copy-link-grey.svg);
    border: 0px;
}

[data-icon="qr"] {
    background-image: url(/qr.svg)
}

[data-icon="star"] {
    background-image: url(/ico-star-grey.svg)
}
[data-icon="favorite"] {
    background-image: url(/ico-star-grey.svg)
}

[data-icon="calendar"] {
    background-image: url(/ico-calendar-grey.svg)
}

[data-icon="ch-line"] {
    background-image: url(/ico-chart-line-grey.svg)
}

[data-icon="ch-column"] {
    background-image: url(/ico-chart-column-grey.svg)
}

[data-icon="ch-pie"] {
    background-image: url(/ico-chart-pie-grey.svg)
}

[data-icon="remove"] {
	background-image: url(/remove.svg);
}

[data-icon="move"] {
	background-image: url(/move.svg);
}

[data-icon="sort"] {
	background-image: url(/sort.svg);
}

[data-icon="save"] {
	background-image: url(/save.svg);
}

[data-icon="share"] {
	background-image: url(/share.svg);
}
[data-icon="smart"] {
    background-image: url(/smart-grey.svg);
}
[data-icon="add"] {
    background-image: url(/plus-grey.svg);
	margin-left: 15px;
}

[data-icon="edit"].is-active, [data-icon="edit"]:focus, [data-icon="edit"]:hover {
    background-image: url(/edit-blue.svg)
}

[data-icon="settings"].is-active, [data-icon="settings"]:focus, [data-icon="settings"]:hover {
    background-image: url(/settings-blue.svg)
}

[data-icon="reload"].is-active, [data-icon="reload"]:focus, [data-icon="reload"]:hover {
    background-image: url(/ico-reload-blue.svg)
}

[data-icon="close"].is-active, [data-icon="close"]:focus, [data-icon="close"]:hover {
    background-image: url(/ico-close-blue.svg)
}

[data-icon="export"].is-active, [data-icon="export"]:focus, [data-icon="export"]:hover {
    background-image: url(/ico-export-blue.svg)
}

[data-icon="copy-doc"].is-active, [data-icon="copy-doc"]:focus, [data-icon="copy-doc"]:hover {
    background-image: url(/ico-copy-doc-blue.svg)
}

[data-icon="qr"].is-active, [data-icon="qr"]:hover {
    background-image: url(/qr-blue.svg);
}

[data-icon="options"].is-active, [data-icon="options"]:focus, [data-icon="options"]:hover {
    background-image: url(/options-blue.svg)
}

[data-icon="copy"].copied, [data-icon="copy"].is-active,
[data-icon="copy"].copied:focus, [data-icon="copy"].copied:hover {
    background-image: url(/copy-link-green.svg)
}
[data-icon="copy"]:focus, [data-icon="copy"]:hover {
    background-image: url(/copy-link-blue.svg)
}

[data-icon="star"].is-active, [data-icon="star"]:focus, [data-icon="star"]:hover {
    background-image: url(/ico-star-blue.svg)
}

[data-icon="favorite"].is-active, [data-icon="favorite"]:focus, [data-icon="favorite"]:hover {
    background-image: url(/ico-star-green.svg)
}

[data-icon="calendar"].is-active, [data-icon="calendar"]:focus, [data-icon="calendar"]:hover {
    background-image: url(/ico-calendar-blue.svg)
}

[data-icon="ch-line"].is-active, [data-icon="ch-line"]:focus, [data-icon="ch-line"]:hover {
    background-image: url(/ico-chart-line-blue.svg)
}

[data-icon="ch-column"].is-active, [data-icon="ch-column"]:focus, [data-icon="ch-column"]:hover {
    background-image: url(/ico-chart-column-blue.svg)
}

[data-icon="ch-pie"].is-active, [data-icon="ch-pie"]:focus, [data-icon="ch-pie"]:hover {
    background-image: url(/ico-chart-pie-blue.svg)
}

[data-icon="share"].is-active, [data-icon="share"]:focus, [data-icon="share"]:hover {
	background-image: url(/share-blue.svg);
}

[data-icon="sort"].is-active, [data-icon="sort"]:focus, [data-icon="sort"]:hover {
    background-image: url(/sort-blue.svg);
}

[data-icon="move"].is-active, [data-icon="move"]:focus, [data-icon="move"]:hover {
    background-image: url(/move-blue.svg);
}

[data-icon="add"].is-active, [data-icon="add"]:focus, [data-icon="add"]:hover {
    background-image: url(/plus-blue.svg);
}

[data-icon="remove"].is-active, [data-icon="remove"]:focus, [data-icon="remove"]:hover {
    background-image: url(/remove-blue.svg);
}

[data-icon="save"].is-active, [data-icon="save"]:focus, [data-icon="save"]:hover {
    background-image: url(/save-blue.svg);
}

[data-icon="smart"].is-active, [data-icon="smart"]:not(.no-hover):focus, [data-icon="smart"]:not(.no-hover):hover {
    background-image: url(/smart-blue.svg);
}

[data-icon="counter"] {
	font-size: 14px;
    font-family: GothamProMedium;
    text-align: center;
    margin-top: 10px;
}

[data-icon="translate"] {
    background-image: url(/translate.svg);
}

.btn, .btn-w, .btn-a, .btn-lang, .btn-i, .btn-x, .btn-g {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    font-family: GothamProMedium;
    background: transparent;
    color: #fff;
    cursor: pointer;
    padding: 0 14px;
    transition: all .3s linear;
}

.btn {
    width: 170px;
    height: 40px;
    background: #338bd9;
    padding: 1px 6px;
}

.btn-i {
    width: 170px;
    height: 40px;
    background: #f38939;
    padding: 1px 6px;
    color: white!important;
}
.btn-g {
    width: 170px;
    height: 40px;
    background: #61bd4f;
    padding: 1px 6px;
    color: white!important;
}
.btn-x {
    width: 160px;
    height: 40px;
    color: #f38939;
    border-radius: 5px;
    background: hsla(0, 0%, 100%, 0);
    border: 1px solid #f38939;
    z-index: 2;
    cursor: pointer;
    transition: all .3s cubic-bezier(1, 0, 0, 1);
}
.btn-w {
    width: 160px;
    height: 40px;
    color: #338bd9;
    border-radius: 5px;
    background: hsla(0, 0%, 100%, 0);
    border: 1px solid #338bd9;
    z-index: 2;
    cursor: pointer;
    transition: all .3s cubic-bezier(1, 0, 0, 1);
}
.btn-a {
    justify-content: space-between;
    width: 142px;
    height: 40px;
    color: #338bd9;
    border-radius: 5px;
    background: hsla(0, 0%, 100%, 0);
    border: 1px solid #338bd9;
    z-index: 2;
    transition: all .3s cubic-bezier(1, 0, 0, 1);
}
.btn-lang {
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
    margin-left: 10px;
    width: 150px;
    font-size: 13px;
    color: #f38939;
    padding: 0px 10px;
    border: 1px solid transparent;
    justify-content: flex-start;
}

.btn-lang > .country {
	display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0px;
    width: 100%;
}
.btn-lang .country:before {
    margin-right: 5px;
    margin-top: 0px;
}

.btn-lang:focus:after, .btn-lang:hover:after {
    opacity: 1;
}
.btn-lang .country:hover:before {
    box-shadow: 0 0 5px 0px rgb(51 139 217);
}
.btn-lang > div.sub {
    position: absolute;
    top: -300px;
    right: -1px;
    width: 117px;
    height: auto;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    opacity: 0;
    z-index: -1;
    text-align: center;
    transition: all .3s linear;
    background-color: #ffffff;
    border: 1px solid black;
    border-top: 0px;
    border-radius: 0px 0px 3px 3px;
}
.btn-lang:hover {
    border: 1px solid black;
}
.btn-lang:hover > div.sub {
    opacity: 1;
    z-index: 1;
    top: 36px;
}

.btn-lang > div.sub a {
    display: block;
    height: 35px;
    width: 100%;
    border-top: 1px solid black;
}
/*
header.index .btn-lang > div.sub a {
    border: 1px solid hsla(0, 0%, 25%, 0.2);
}
*/

[data-empty] {
    margin-bottom: 40px;
}
[data-empty]:empty:before {
    content: attr(data-empty);
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bfbfbf;
}

.btn-lang > div.sub a div {
    margin: auto;
    height: 32px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
}
.btn-lang div[data-icon]:hover {
	background: transparent;
}

.btn:focus, .btn:hover {
    box-shadow: 2px 2px 0 0 #8ca7b5;
}

.btn-i:focus, .btn-i:hover {
    box-shadow: 2px 2px 0 0 #e8ecee;
}

.btn-g:focus, .btn-g:hover {
    box-shadow: 2px 2px 0 0 #e8ecee;
}

.btn-w:hover, .btn-a:hover, .btn-x:hover {
    color:#fff;
}
.btn-w:hover:before, .btn-a:hover:before, .btn-x:hover:before {
    width: 100%;
}

.selectize-dropdown.single.languages.selectize {
    top: -300px !important;
}


.btn:disabled,.btn-w:disabled,.btn-a:disabled,.btn-lang:disabled,.btn-i:disabled,.btn-g:disabled {
    border: 1px solid #cfd3d5;
    color: #C7C9CB!important;
    background: #E8E9EA;
    transition: none;
}

.btn:disabled:after,.btn:disabled:before,
.btn-w:disabled:after,.btn-w:disabled:before,
.btn-a:disabled:after,.btn-a:disabled:before,
.btn-i:disabled:after,.btn-i:disabled:before,
.btn-g:disabled:after,.btn-g:disabled:before,
.btn-x:disabled:after,.btn-x:disabled:before,
.btn-lang:disabled:after,.btn-lang:disabled:before {
	transition:none!important;
	opacity:0!important;
	width:0%!important;
	cursor:not-allowed;
}

.btn-a:before, .btn-w:before, .btn-x:before, .btn-lang:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 0px;
    background: #338bd9;
    z-index: -1;
    opacity: 1;
    transition: all .3s linear;
    border-radius: 3px;
}
.btn-w:before, .btn-a:before, .btn-x:before, {
    transition: all .3s cubic-bezier(1, 0, 0, 1);
}
.btn-lang:before {
    width: 100%;
    background: transparent;
    border: 1px solid hsla(0, 0%, 100%, .2);
}
.btn-x:before {
	background: #f38939;
}

.btn-login:focus:after, .btn-login:hover:after, .btn-signup:focus:after, .btn-signup:hover:after {
    opacity: 1;
}

.btn:active {
    background: #146dbc;
    box-shadow: none;
}

.btn-a.arrow:after {
    display: inline-block;
    width: 6px;
    height: 12px;
    content: '';
    transition: all .3s cubic-bezier(1, 0, 0, 1);
    background-image: url(/arrow-right-blue.svg);
    background-position: center;
    background-repeat: no-repeat;
}
.btn-a.arrow:hover:after  {
    background-image: url(/arrow-right-white.svg)
}
.btn-a.arrow.left {
	padding-left: 35px;
    justify-content: flex-end;
}
.btn-a.arrow.left:after {
	position: absolute;
    left: 15px;
    background-image: url(/arrow-left-blue.svg);
}
.btn-a.arrow.left:hover:after  {
    background-image: url(/arrow-left-white.svg)
}

.breadcrumbs {
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 18px;
    white-space: nowrap;
}

.breadcrumbs li {
	position: relative;
    list-style-type: none;
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.breadcrumbs li:last-child > a {
    color: #424242;
    text-decoration: none;
}

.breadcrumbs li:not(:first-child):before {
    content: "/";
    margin: 0 10px;
    color: #4e4e4e
}

.breadcrumbs a {
    color: #338bd9;
    border-bottom: 1px solid;
    transition: all .3s linear
}

.breadcrumbs a:hover {
    border-color: hsla(0, 0%, 100%, 0)
}

.breadcrumbs span {
    color: #4e4e4e;
    cursor: default
}

.tabs-nav {
    overflow-x: auto
}

.chart-global-big {
    width: 100%;
    height: 100%
}

.container-shadow {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: -1px 2px 1px 0 rgba(0, 0, 0, .12)
}

body.white .container-shadow {
	border-top: 1px solid #f0f3f9;
    border-right: 1px solid #f0f3f9;
}

/* site logo */

.logo {
    display: inline-block
}

footer .logo {
    margin: 3px auto;
    width: 100%;
}
header .logo {
    position: relative;
}

header:not(.index) .logo:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translate3d(0, -50%, 0);
    width: 1px;
    height: 40px;
    background-color: hsla(0, 0%, 100%, .1)
}

.logo .logo-img {
	background-image: url(/logo-white.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 230px;
    height: 35px;
	margin: auto;
}
.logo.logo--blue .logo-img {
	background-image: url(/logo-blue.png);
}
/*
.logo.ny .logo-img,
.logo.hw .logo-img {
	background-image: url(/logo-white-o.png);
}
.logo.logo--blue.ny .logo-img,
.logo.logo--blue.hw .logo-img {
	background-image: url(/logo-blue-o.png);
}
*/
.logo-text {
    margin-top: 0px;
    font-size: 11px;
    font-family: GothamProMedium;
    line-height: 1;
    color: #fff;
	text-align: center;
}
.logo--blue .logo-text {
    color: #338bd9;
}
/*c
header .logo.ny:before {
    content: ' ';
    background-image: url(/snowman-white.svg);
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 1;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    top: -10px;
    left: 37px;
}
*/
header .logo.hw:before {
    content: ' ';
    background-image: url(/halloween.svg);
    position: absolute;
    width: 70px;
    height: 70px;
    z-index: 1;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    top: -25px;
    left: 36px;
}

/* end site logo */

.default-checkbox {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	display: inline-flex;
	align-items: center;
    font-size: 13px;
    cursor: pointer;
    padding-right: 13px;
}

.default-checkbox.ico {
	padding: 0px;
}
.default-checkbox.ico .custom-checkbox {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    text-align: center;
    padding-top: 13px;
}
.default-checkbox.ico .custom-checkbox:after {
	background-image: none;
	background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    width: 18px;
    height: 18px;
    left: 10px;
    top: 10px;
}

.default-checkbox.ico .custom-checkbox:hover,
.default-checkbox.ico input:checked~.custom-checkbox:after {
	border-color: #338bd9;
	color: #338bd9;
}

.default-checkbox.ico.star:hover .custom-checkbox:after {
	background-image: url(/ico-star-blue.svg);
}

.default-checkbox.ico.star .custom-checkbox:after {
    background-image: url(/ico-star-grey.svg);
}

.default-checkbox.ico.star input:checked~.custom-checkbox:after {
    background-image: url(/ico-star-green.svg);
}

.default-checkbox.ico.bots:hover .custom-checkbox:after {
	background-image: url(/bots-hovered.png);
}

.default-checkbox.ico.bots .custom-checkbox:after {
    background-image: url(/bots-filtered.png);
	background-size: 25px;
    width: 25px;
    height: 25px;
    left: 7px;
    top: 6px;
}

.default-checkbox.ico.bots input:checked~.custom-checkbox:after {
    background-image: url(/bots-active.png);
}


.default-checkbox.ico.view:hover .custom-checkbox:after {
	background-image: url(/view-blue.svg);
}

.default-checkbox.ico.view .custom-checkbox:after {
    background-image: url(/view.svg);
}

.default-checkbox.ico.view input:checked~.custom-checkbox:after {
    background-image: url(/view-orange.svg);
}

.default-checkbox input[type="checkbox"],
.default-radio input[type="radio"] {
    display: none;
}

.default-checkbox .custom-checkbox {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    min-width: 20px;
    margin-right: 0px;
    border: 1px solid #cfcfcf;
    transition: all .3s linear
}
.default-checkbox .label-checkbox {
    margin-left: 10px;
}
.default-checkbox .label-checkbox a {
    font-family: GothamProMedium;
    color: #338bd9;
}
.default-checkbox .label-checkbox a:hover {
    color: #fbac55;
}
.default-checkbox .label-checkbox:after {
    color: #f38939;
    font-weight: bold;
    content: attr(data-end);
    position: absolute;
    transform: translate(-100%, 0);
}
.default-checkbox .custom-checkbox:after {
    content: "";
    position: absolute;
	left: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
    background-image: url(/check-blue.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    opacity: 0;
    transition: all .3s linear
}

.default-checkbox.saving .custom-checkbox:after {
    opacity: 1;
    background-image: url(/loader-blue.svg);
    animation: a 2s linear infinite;
}

.default-checkbox.nobots .custom-checkbox {
    width: 120px;
    height: 40px;
    border: 0px;
}

.default-checkbox.nobots .custom-checkbox:after {
    background-image: url(/nobots.png);
    background-position: 0px 0px;
    background-size: 80px 80px;
    width: 80px;
    height: 40px;
    opacity: 1;
    transition: none;
}
.default-checkbox.nobots input:checked~.custom-checkbox:after {
    background-position: 0px -44px;
}


.default-checkbox input:checked~.custom-checkbox {
    border-color: #61bd4f;
    color: #61bd4f;
}

.default-checkbox input:checked~.custom-checkbox:after {
    opacity: 1
}

.default-checkbox input:disabled~.custom-checkbox {
	background: #c4c3c3;
    cursor: not-allowed;
}
.default-checkbox input:disabled~.label-checkbox {
	cursor: not-allowed;
    color: #cfd3d5;
}


.default-radio {
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    cursor: pointer;
    padding-right: 13px;
    width: 100%;
	align-items: center;
}

.default-radio.ico {
    padding: 0px;
    width: auto;
}
.default-radio.ico .custom-radio {
    min-width: 40px;
    width: auto;
    height: 40px;
    border-radius: 3px;
    text-align: center;
    padding-top: 13px;
    padding-left: 40px;
    padding-right: 13px;
}
.default-radio.ico .custom-radio:after {
	background-image: none;
	background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    opacity: 0.5;
    width: 18px;
    height: 18px;
    left: 19px;
    top: 19px;
    border-radius: 0px;
}
.default-radio.ico input[value="0"]~.custom-radio:after {
	background-image: url(/remove.svg);
}
.default-radio.ico input[value="1"]~.custom-radio:after {
	background-image: url(/check-blue.svg);
}


.default-radio.ico .custom-radio:hover,
.default-radio.ico input:checked~.custom-radio:after {
	border-color: #338bd9;
	color: #338bd9;
}

.default-radio.ico.pie .custom-radio:after {
    background-image: url(/ico-chart-pie-grey.svg);
}
.default-radio.ico.pie input:checked~.custom-radio:after {
    background-image: url(/ico-chart-pie-blue.svg);
}

.default-radio.ico.column .custom-radio:after {
    background-image: url(/ico-chart-column-grey.svg);
}
.default-radio.ico.column input:checked~.custom-radio:after {
    background-image: url(/ico-chart-column-blue.svg);
}

.default-radio.ico.line .custom-radio:after {
    background-image: url(/ico-chart-line-grey.svg);
}
.default-radio.ico.line input:checked~.custom-radio:after {
    background-image: url(/ico-chart-line-blue.svg);
}

.default-radio.ico.world .custom-radio:after {
    background-image: url(/world.svg);
}
.default-radio.ico.world input:checked~.custom-radio:after {
    background-image: url(/world-blue.svg);
}

.default-radio.ico.list .custom-radio:after {
    background-image: url(/list.svg);
}
.default-radio.ico.list input:checked~.custom-radio:after {
    background-image: url(/list-blue.svg);
}


.default-radio .custom-radio {
    position: relative;
    display: inline-block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #cfcfcf;
    transition: all .3s linear
}

.default-radio .custom-radio:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 10px;
    height: 10px;
    background-color: #338bd9;
    border-radius: 50%;
    opacity: 0;
    transition: all .3s linear
}

.default-radio input:checked~.custom-radio {
    border-color: #338bd9
}

.default-radio input:checked~.custom-radio:after {
    opacity: 1
}

.default-radio .label-radio {
    margin-left: 10px;
    width: 100%;
    position: relative;
}

.default-radio .label-top-text {
    color: #2c4158;
    line-height: 1.67
}

.default-radio .label-bottom-text {
    display: block;
    color: #adacac;
    font-size: 13px;
    line-height: 1.54;
    margin-top: 2px
}

.btn-add-favorites {
    width: 17px;
    height: 17px;
    margin-top: 2px;
    margin-bottom: auto;
    background: url(/ico-star-grey.svg) 50%/contain no-repeat;
    cursor: pointer
}

.btn-add-favorites.is-active,
.btn-add-favorites:focus,
.btn-add-favorites:hover {
    background: url(/ico-star-blue.svg) 50%/contain no-repeat
}

.btn-add-favorites.is-active:focus,
.btn-add-favorites.is-active:hover {
    background: url(/ico-star-grey.svg) 50%/contain no-repeat
}

.space-box {
    position: relative;
    width: 100%;
	margin: 0px 15px;
}

.search-box {
    position: relative;
    min-width: 250px;
    max-width: 408px;
	margin-right: 10px;
	width: 100%;
}

.search-box .search-form {
    width: 100%
}

.search-box .search-input {
    width: 100%;
    height: 40px;
    padding-left: 13px;
    padding-right: 53px;
    border-radius: 3px;
    border: 1px solid #cfd3d5;
    transition: all .3s linear
}

.search-box .search-input:focus {
    border: 1px solid #b9b5b5
}

.search-box .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background: transparent;
    border-radius: 3px;
    transition: all .3s linear
}

.search-box .search-submit:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 17px;
    height: 19px;
    background: url(/search-blue.svg) 50%/contain no-repeat;
    transition: all .3s linear
}

.search-box .search-submit:focus,
.search-box .search-submit:hover {
    background: #338bd9
}

.search-box .search-submit:focus:after,
.search-box .search-submit:hover:after {
    background: url(/search-white.svg) 50%/contain no-repeat
}

.filter-display-limits {
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.filter-display-pages {
    margin: 0px 0px 0px 30px;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
.group-selects > span,
.filter-display-limits > span,
.filter-display-pages > span {
    padding-right: 5px;
}
.filter-display-limits .btn-square:not(:last-child),
.filter-display-pages .btn-square:not(:last-child) {
    margin-right: 5px;
}

/*таблички общее*/

div.table {
	border-collapse: collapse;
    overflow-x: auto;
    border-spacing: 0;
    text-align: left;
    width: 100%;
    display: table;
    font-size: 12px;
}
div.tr {
	display: table-row;
}
div.th {
	display: table-cell;
	text-align: center;
	font-weight: bold;
}
div.td, div.td-25, div.td-33, div.td-50, div.td-75 {
	display: table-cell;
	text-align: left;
	padding: 10px;
	position: relative;
	transition: all 0.75s ease-in-out;
}
div.td-25 {
	width: 25%;
}
div.td-33 {
	width: 33%;
	width: calc(100% / 3);
}
div.td-50 {
	width: 50%;
}
div.td-75 {
	width: 75%;
}




table {
    border-collapse: collapse;
    overflow-x: auto;
    border-spacing: 0;
    text-align: left;
    width: 100%;
    display: table;
    font-size: 12px;
}
table tbody,
table thead,
table tr {
	width: 100%;
}

table thead tr,
table tbody tr:not(:last-child) {
    border-bottom: 1px solid #e8e8e8;
}

table tr.is-open,
table tr.is-active, {
    background-color: #e8ecee;
}

table td,
table th {
    vertical-align: middle;
    border: none;
}

table td {
    height: 95px;
}

table th {
    font-size: 12px;
    font-family: GothamProMedium;
    font-weight: 400;
    height: 58px;
    padding: 10px;
}


table .default-checkbox {
    margin-left: 15px;
}

table .default-checkbox .custom-checkbox {
    padding: 0;
    margin: 0;
}

table .default-checkbox~.wrap-link {
    width: calc(100% - 105px);
}


/* тарифные лимиты */

.table-plan tr {
	cursor: default;
}

.table-plan td {
	height: 60px;
}

/* ссылки  */

.table-all-links tr {
	cursor: default;
}
.table-all-links th:nth-child(1) {
	min-width: 350px;
	max-width: 400px;
	padding-left: 60px;

}
.table-all-links th:nth-child(2) {
    width: 100px;
    text-align: left;
    padding-left: 5px;
}
.table-all-links th:nth-child(3) {
    text-align: left;
    position: relative;
    min-width: 200px;
    padding-left: 2px;
}
.table-all-links th:nth-child(4) {
	text-align: center;
    padding: 0px;
    width: 150px;
}
.table-all-links th:nth-child(5) {
	text-align: center;
    padding: 0px;
    width: 150px;
}
.table-all-links th:last-of-type {
    width: 320px;
    padding: 0px 0px 0px 25px;
	min-width: 250px;
}

.table-all-links td:nth-child(1){
    width: 60px;
    text-align: center;
}

.table-all-links td:nth-child(1) > div {
    display: block;
    margin-left: 20px;
}
.table-all-links td:nth-child(1) > div:first-child {
    margin-bottom: 25px;
	cursor: help;
}

.table-all-links td:nth-child(2) {
    padding: 0px;
    min-width: 350px
}

.table-all-links td:nth-child(4) {
    text-align: left;
    position: relative;
    overflow: hidden;
    max-width: 150px;
    text-overflow: ellipsis;
}
.table-all-links td:nth-child(5) {
    text-align: center;
}
.table-all-links td:nth-child(6) {
    text-align: center;
}
.table-all-links td:nth-child(7) {
    position: relative;
    padding-left: 25px;
    text-align: left;
    width: 150px;
    white-space: nowrap;
}

.table-all-links td:last-of-type {
    width: 170px;
    padding-right: 25px;
    white-space: nowrap;
}

.table-all-links td:last-of-type > a:last-of-type {
	margin-top: 5px;
}

.table-all-links .td-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.table-all-links .prev-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 115px;
    height: 85px;
    border-radius: 3px;
    border: 1px solid #cfd3d5;
    margin-right: 18px;
    margin-top: -15px;
    margin-bottom: -15px;
    display: flex;
    user-select: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    color: #8a96a3;
    font-family: GothamProMedium;
    overflow: hidden;
}

.wrap-link {
    width: 100%;
    position: relative;
    height: 85px;
}

.wrap-link.wrap-alone {
    height: 45px;
}

.wrap-link input {
    background: transparent;
    width: 100%;
    border: 0px;
    height: 18px;
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
	color: #828282;
}

.wrap-link .title-link {
    font-size: 11px;
    position: absolute;
    top: 60px;
    right: 15px;
    left: 0px;
}

.wrap-link .date-link {
    color: #828282;
    font-size: 11px;
    position: relative;
    width: 100%;
    padding-right: 23px;
}

.wrap-link .short-link {
    color: #338bd9;
    font-size: 13px;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 15px;
    right: 15px;
    left: 0px;
}


.table-all-links .smart-counter {
    left: 25px;
    top: 1px;
    width: 100px;
    position: absolute;
    font-family: GothamProLignt;
    font-size: 14px;
}

.table-all-links .row-link {
    position: relative;
    width: 100%;
    height: 25px;
    padding-right: 25px;
    margin-bottom: 20px;
}

/* ИПС  */

.table-all-ips th:nth-child(1) {
	min-width: 350px;
	padding-left: 60px;
}
.table-all-ips th:nth-child(2) {
    width: 120px;
    text-align: center;
}
.table-all-ips th:nth-child(3) {
    width: 120px;
    text-align: center;
}
.table-all-ips th:nth-child(4) {
    width: 120px;
    text-align: center;
}
.table-all-ips th:nth-child(5) {
    padding-left: 25px;
    text-align: left;
    width: 320px;
}

.table-all-ips td:nth-child(1){
    width: 60px;
    text-align: center;
}
.table-all-ips td:nth-child(2) {
	padding: 0px;
	width: 130px;
}
.table-all-ips td:nth-child(3) {
	padding: 0px;
}
.table-all-ips td:nth-child(4) {
	text-align: center;
}
.table-all-ips td:nth-child(5) {
    text-align: center;
}
.table-all-ips td:nth-child(6) {
    text-align: center;
}
.table-all-ips td:nth-child(7) {
    text-align: left;
    position: relative;
    padding-left: 25px;
    width: 150px;
}
.table-all-ips td:nth-child(8) {
    padding-right: 25px;
    text-align: left;
    white-space: nowrap;
    width: 170px;
}

.table-all-ips td:last-of-type > a:last-of-type {
	margin-top: 5px;
}

.table-all-ips .td-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.table-all-ips .prev-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 115px;
    height: 85px;
    border-radius: 3px;
    border: 1px solid #cfd3d5;
    margin-top: -15px;
    margin-bottom: -15px;
}

.table-all-ips .prev-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.table-all-ips .wrap-link {
    width: 100%;
}

.table-all-ips .title-link {
    font-size: 11px;
    position: relative;
    width: 100%;
    padding-right: 23px;
}


.table-all-ips .row-link {
    position: relative;
    width: 100%;
    height: 25px;
    padding-right: 25px;
	margin-top: 5px;
}

.table-all-ips .short-link {
    color: #338bd9;
}

.table-all-ips .title-link input {
    background: transparent;
    width: 100%;
    border: 0px;
    height: 18px;
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* трансферы  */

.table-all-transfers th:nth-child(1) {
	width: 170px;
	padding-left: 25px;
}
.table-all-transfers th:nth-child(2) {
    text-align: left;
}
.table-all-transfers th:nth-child(3) {
    width: 150px;
    text-align: center;
}
.table-all-transfers th:nth-child(4) {
    width: 150px;
    text-align: center;
}
.table-all-transfers th:nth-child(5) {
    text-align: left;
    padding-left: 25px;
    width: 320px;
}

.table-all-transfers td:nth-child(1) {
    width: 120px;
    text-align: center;
    padding-left: 25px;
}
.table-all-transfers td:nth-child(2) {
	padding: 0px 10px;
}
.table-all-transfers td:nth-child(3) {
	text-align: center;
}
.table-all-transfers td:nth-child(4) {
	text-align: center;
}
.table-all-transfers td:nth-child(5) {
	text-align: left;
    padding-left: 25px;
    width: 150px;
}
.table-all-transfers td:nth-child(6) {
    padding-right: 25px;
    text-align: left;
    white-space: nowrap;
    position: relative;
    width: 170px;
}

.table-all-transfers td:last-of-type > a:last-of-type {
	margin-top: 5px;
}

.table-all-transfers .td-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.table-all-transfers .prev-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 115px;
    height: 85px;
    border-radius: 3px;
    border: 1px solid #cfd3d5;
    margin-top: -15px;
    margin-bottom: -15px;
}

.table-all-transfers .prev-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.table-all-transfers .wrap-link {
	width: 100%;
    position: relative;
    height: 85px;
}

.table-all-transfers .title-link {
    font-size: 11px;
    position: absolute;
    top: 60px;
    right: 15px;
    left: 0px;
}

.table-all-transfers .short-link {
    color: #338bd9;
    font-size: 13px;
    position: absolute;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 15px;
    right: 15px;
    left: 0px;
}

.table-all-transfers .title-link input {
	background: transparent;
    width: 100%;
    border: 0px;
    height: 18px;
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #828282;
}



/* посетители ссылки */
.table-links-type-2 tr[data-consent] {
	position: relative;
	z-index: 1;
}
tr[data-consent="0"] td:first-of-type:after {
    content: 'Consent declined';
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    align-items: center;
    justify-content: center;
    color: #f38939;
    font-size: 16px;
    background-color: rgb(204 207 209 / 75%);
    z-index: 2;
}
tr[data-consent="0"] td:first-of-type {
	z-index: 3;
	position: unset;
}

tr[data-consent="1"] td:first-of-type {
    position: relative;
}
tr[data-consent="1"] td:first-of-type:after {
 	content: 'Consent accepted';
    display: flex;
    position: absolute;
    left: 25px;
    right: 0px;
    bottom: 3px;
    align-items: center;
    justify-content: left;
    color: #61bd4f;
    font-size: 12px;
    z-index: 2;
}

.table-links-type-2 td:first-of-type,
.table-links-type-2 th:first-of-type {
    padding-left: 25px;
    width: 150px;
    min-width: 150px;
    position: relative;
}

.table-links-type-2 td:nth-child(2),
.table-links-type-2 th:nth-child(2) {
    width: 120px;
    min-width: 120px;
    padding-left: 0px;
    position: relative;
}

.table-links-type-2 td:nth-child(3),
.table-links-type-2 th:nth-child(3) {
    width: 20%;
    min-width: 200px;
    padding-left: 0px;
}

.table-links-type-2 td:nth-child(4),
.table-links-type-2 th:nth-child(4) {
	width: 15%;
    min-width: 150px;
    padding-left: 0px;
}

.table-links-type-2 td:nth-child(5),
.table-links-type-2 th:nth-child(5) {
	width: 15%;
    min-width: 150px;
    padding-left: 0px;
}

.table-links-type-2 td:nth-child(6),
.table-links-type-2 th:nth-child(6) {
    width: 150px;
    min-width: 150px;
    padding-left: 0px;
}

.table-links-type-2 td:last-child,
.table-links-type-2 th:last-child {
	padding-left: 0px;
	position: relative;
}

.table-links-type-2 p {
    width: 80%;
    height: 36px;
    padding-top: 3px;
}
.table-links-type-2 p.date,
.table-links-type-2 p.time,
.table-links-type-2 p.ip,
.table-links-type-2 p.ipv,
.table-links-type-2 p.shortlink,
.table-links-type-2 p.referer {
	position: absolute;
	left: 0px;
	right: 10px;
	top: 38px;
	text-overflow: ellipsis;
	transform: translate3d(0, -50%, 0);
	overflow: hidden;
	white-space: nowrap;
}
.table-links-type-2 i.ico-btn {
    margin-bottom: -2px;
    margin-right: 5px;
    min-width: 12px;
    width: 12px;
    height: 12px;
    background-size: 12px;
}
.table-links-type-2 i.ico-btn.hide {
    display: none;
}

.table-links-type-2 p.date,
.table-links-type-2 p.time {
	left: 25px;
	z-index: 3;
}

.table-links-type-2 p.ipv,
.table-links-type-2 p.referer,
.table-links-type-2 p.time {
	top: 70px;
	color: #828282;
    font-size: 11px;
    margin-top: 5px;
}

.table-links-type-2 p.ip,
.table-links-type-2 p.shortlink {
	color: #338bd9;
}
.table-links-type-2 p.referer > * {
	display: none;
}

.table-links-type-2 p.referer[data-received="1"] a {
	display: block;
}
.table-links-type-2 p.referer[data-received="0"] span {
	display: block;
}

.table-links-type-2 span {
	overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}

.table-links-type-2 p.country:nth-child(1),
.table-links-type-2 p.platform {
    padding-bottom: 5px;
}

/* ссылки в кампании  */
.table-campaign-links th:nth-child(1) {
	min-width: 400px;
	padding-left: 60px;

}
.table-campaign-links th:nth-child(2) {
	width: 100px;
    padding-left: 26px;
}
.table-campaign-links th:nth-child(3) {
	min-width: 300px;
    text-align: left;
    position: relative;
    padding-left: 25px;
}
.table-campaign-links th:nth-child(4) {
    min-width: 100px;
    text-align: left;
    position: relative;
	padding-left: 0px;
}

.table-campaign-links td:nth-child(1){
    width: 60px;
    text-align: center;
}
.table-campaign-links td:nth-child(2) {
    padding-left: 0px;
    padding-right: 40px;
    width: auto;
    white-space: nowrap;
    max-width: 20px;
    min-width: 80px;
}
.table-campaign-links td:nth-child(3) {
	padding-left: 25px;
}
.table-campaign-links td:nth-child(4) {
    text-align: left;
    position: relative;
    padding-left: 25px;
}
.table-campaign-links td:nth-child(5) {
    text-align: left;
    position: relative;
}
.table-campaign-links td:nth-child(6) {
    text-align: left;
    position: relative;
    padding: 10px 20px 10px 10px;
}

.table-campaign-links .td-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.table-campaign-links .prev-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 115px;
    height: 85px;
    border-radius: 3px;
    border: 1px solid #cfd3d5;
    margin-right: 18px;
    margin-top: -15px;
    margin-bottom: -15px;
}

.table-campaign-links .prev-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.table-campaign-links .wrap-link {
    width: 100%;
}

.table-campaign-links .title-link {
    color: #828282;
    font-size: 11px;
    position: relative;
    width: 100%;
    height: 20px;
    padding-right: 23px;
}



.table-campaign-links .row-link {
    position: relative;
    width: 100%;
    height: 25px;
    padding-right: 25px;
	margin-top: 5px;
}

.table-campaign-links .short-link {
    color: #338bd9;
}

/* теги */

.table-all-tags td {
	vertical-align: middle;
    border: none;
    height: 80px;
    position: relative;
}
.table-all-tags th {
	position: relative;
}

.table-all-tags th:nth-child(1) {
	min-width: 350px;
    padding-left: 25px;
}
.table-all-tags th:nth-child(2) {
	width: 150px;
    text-align: center;
}
.table-all-tags th:nth-child(3) {
	width: 150px;
    text-align: center;
}
.table-all-tags th:nth-child(4) {
	width: 150px;
    text-align: center;
}
.table-all-tags th:nth-child(5) {
    text-align: left;
	max-width: 200px;
}
.table-all-tags th:last-child {
    padding-left: 25px;
    text-align: left;
    width: 320px;
}

.table-all-tags td:nth-child(1) {
	width: 60px;
    text-align: center;
}
.table-all-tags td:nth-child(2) {
    padding-left: 0px;
}
.table-all-tags td:nth-child(3) {
	text-align: center;
}
.table-all-tags td:nth-child(4) {
    text-align: center;
}
.table-all-tags td:nth-child(5) {
    text-align: center;
}
.table-all-tags td:nth-child(6) {
	text-align: left;
	padding-left: 25px;
	width: 150px;
}
.table-all-tags td:last-child {
    padding: 0px 25px 0px 25px;
    text-align: right;
    width: 170px;
}

.table-all-tags .title-link input {
    background: transparent;
    width: 100%;
    border: 0px;
    height: 18px;
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* пиксели */

.table-all-pixels td {
	vertical-align: middle;
    border: none;
    height: 80px;
    position: relative;
}
.table-all-pixels th {
	position: relative;
}

.table-all-pixels th:nth-child(1) {
	min-width: 350px;
    padding-left: 25px;
}
.table-all-pixels th:nth-child(2) {
	width: 150px;
    text-align: center;
}
.table-all-pixels th:nth-child(3) {
	width: 200px;
    text-align: center;
}
.table-all-pixels th:nth-child(4) {
    width: 150px;
    text-align: center;
}
.table-all-pixels th:nth-child(5) {
    padding-left: 25px;
    text-align: left;
    width: 320px;
}

.table-all-pixels td:nth-child(1) {
    padding-left: 25px;
}
.table-all-pixels td:nth-child(2) {
	text-align: center;
}
.table-all-pixels td:nth-child(3) {
    text-align: center;
}
.table-all-pixels td:nth-child(4) {
	text-align: center;
	width: 150px;
}
.table-all-pixels td:nth-child(5) {
	text-align: left;
	padding-left: 25px;
	width: 150px;
}
.table-all-pixels td:nth-child(6) {
    padding: 0px 25px 0px 25px;
    text-align: right;
    width: 170px;
}

.table-all-pixels .title-link input {
    background: transparent;
    width: 100%;
    border: 0px;
    height: 18px;
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* хз где */

.table-links-type-4 td,
.table-links-type-4 th {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
    border: none;
    padding: 20px 10px 20px 0
}

.table-links-type-4 td:first-of-type,
.table-links-type-4 th:first-of-type {
    padding-left: 25px;
    width: 32.5%;
    min-width: 270px
}

.table-links-type-4 td:nth-child(2),
.table-links-type-4 th:nth-child(2) {
    width: 10%;
    min-width: 65px
}

.table-links-type-4 td:nth-child(3),
.table-links-type-4 th:nth-child(3) {
    width: 15%;
    min-width: 120px
}

.table-links-type-4 td:nth-child(4),
.table-links-type-4 th:nth-child(4) {
    width: 25.5%;
    min-width: 200px
}

.table-links-type-4 td:last-of-type,
.table-links-type-4 th:last-of-type {
    padding-right: 25px;
    width: 17%;
    min-width: 195px
}

.table-links-type-4 td:first-child {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.table-links-type-4 td a,
.table-links-type-4 td p,
.table-links-type-4 td span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.table-links-type-4 .wrap-company {
    width: 100%;
	width: calc(100% - 27px);
}

.table-links-type-4 .wrap-company p {
    font-size: 11px;
    color: #828282
}

.table-links-type-4 .inner-company {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px
}

.table-links-type-4 .inner-company span {
    margin-right: 12px;
    transition: all .3s linear
}

.table-links-type-4 .inner-company .btn-edit-company {
    width: 15px;
    height: 15px;
    background: url(/edit.svg) 50%/contain no-repeat;
    opacity: 0;
    cursor: pointer;
    visibility: hidden;
    transition: all .3s linear
}

.table-links-type-4 .inner-company .btn-edit-company:hover {
    background: url(/edit-blue.svg) 50%/contain no-repeat
}

.table-links-type-4 .inner-company:hover span {
    color: #338bd9
}

.table-links-type-4 .inner-company:hover .btn-edit-company {
    opacity: 1;
    visibility: visible
}

/* конец табилц */

/*title editor*/
div.wrap-tag {
	position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

div.wrap-tag > input {
	background: transparent;
    width: 100%;
    border: 0px;
    padding: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    font-family: GothamProMedium;
    display: flex;
    color: #338bd9;
    height: 40px;
	cursor: text;
}

div.wrap-tag.alias > input {
    color: #61bd4f;
}

div.wrap-tag > div[data-icon="copy"] {
    height: 40px;
    width: 30px;
    margin-right: 10px;
    background-size: 18px;
}
div.wrap-tag > div[data-icon="edit"] {
    height: 40px;
}

.stat-header div.wrap-tag > input {
	font-size: 18px;
    font-family: GothamProMedium;
    color: #424242;
}

.block-text-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.block-text-btns .btn-square, .block-text-btns .default-checkbox.ico .custom-checkbox {
    padding: 0px 10px 0px 40px;
    background-position: 10px center;
    display: flex;
    align-items: center;
    justify-content: left;
    font-family: 'GothamProMedium';
    font-size: 12px;
}
.block-text-btns .default-checkbox.ico .custom-checkbox {
 	width: 100%;
}
.block-text-btns .btn-square, .block-text-btns .default-checkbox.ico {
    width: 24%;
    width: calc(25% - 5px);
}

.block-ico-btns {
	display: flex;
    align-items: center;
    justify-content: right;
    flex-wrap: nowrap;
	margin-bottom: 2px;
	margin-left: 10px;
	font-size: 16px;
}

.block-ico-btns > *:not(:last-child) {
	margin-right: 5px;
}

.block-link__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 207px;
    width: calc(25% - 5px);
    padding-top: 15%;
    min-height: 140px;
    border-radius: 3px;
    outline: 1px solid #cfd3d5;
    text-align: center;
    color: #c4c3c3;
    background-image: url(//s.wow.link/screenshot.svg);
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 20px;
    position: relative;
}

.block-link__img img {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 20px;
    width: 90%;
    height: 90%;
    width: calc(100% - 20px);
    height: calc(100% - 25px);
}

.block-link__box {
	width: calc(100% - 25px - 150px);
}

.block-link__short-link {
	padding-top: 15px;
    width: 100%;
    height: 50px;
    font-size: 26px;
    font-family: GothamProMedium;
    color: #338bd9;
}

.block-link__stat-link {
    margin-top: 25px;
    color: #c4c3c3;
    font-size: 14px;
}

.wrapper-filters-global {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 25px;
}

.wrapper-filters-global h4 {
	margin-right: 20px;
}

.wrapper-filters-global [data-icon="reload"] {
	margin-top: -3px;
}

.group-selects {
    display: -ms-flexbox;
    display: flex;
	width: 100%;
	align-items: center;
}

.wrap-select {
    margin-right: 8px
}

.wrap-select:last-child {
    margin-right: 0
}

.wrap-select .ui-selectmenu-button {
	width: 250px;
}
.all-links .wrap-select .ui-selectmenu-button[data-name="ips"] {
    width: 408px;
}

.wrap-select.sort-icon .ui-selectmenu-button {
    padding-left: 25px;
    background-image: url(/sortby.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 8px 11px;
}
.wrap-select.order-icon .ui-selectmenu-button {
    padding-left: 25px;
    background-image: url(/order.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 8px 11px;
}

.block-default-stat {
    padding-top: 35px;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.block-default-stat h2 {
    padding: 0 25px;
    margin-bottom: 15px
}

.block-default-stat .row-chart-tools {
    display: -ms-flexbox;
    display: flex;
    padding: 20px 25px;
    margin-bottom: 40px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

.block-default-stat .row-chart-tools .block-filters {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.block-default-stat .row-chart-tools h4 {
    margin-right: 50px
}

.block-default-stat .row-chart-tools .group-selects {
    display: -ms-flexbox;
    display: flex
}

.block-default-stat .row-chart-tools .wrap-select {
    margin-right: 18px
}

.block-default-stat .row-chart-tools .wrap-select:last-child {
    margin-right: 0
}

.block-default-stat .nav-big-chart {
    margin-left: auto
}

.block-default-stat .row-chart {
    padding: 0 25px
}


/*shortener */
.header-shorten-link {
    display: -ms-flexbox;
    display: flex;
    position: relative;
	z-index: 5;
	min-width: 150px;
	max-width: 400px;
	width: 100%;
	margin-right: 10px;
}

.header-shorten-link input {
    width: 100%;
    height: 40px;
    color: #2c4158;
    padding: 1px 0px 2px 20px;
    border-radius: 3px 0px 0px 3px;
    margin-left: -1px;
    margin-right: -1px;
	border: 1px solid transparent;
    border-right: none;
    background: #e8ecee;
    transition: all .3s linear;
}

.header-shorten-link input:focus {
    border-color: #3283cd
}

.header-shorten-link input::-webkit-input-placeholder {
    color: rgba(44, 65, 88, 0.6);
    font-family: GothamProMedium
}

.header-shorten-link input::-moz-placeholder {
    color: rgba(44, 65, 88, 0.6);
    font-family: GothamProMedium
}

.header-shorten-link input:-ms-input-placeholder,
.header-shorten-link input::-ms-input-placeholder {
    color: rgba(44, 65, 88, 0.6);
    font-family: GothamProMedium
}

.header-shorten-link input::placeholder {
    color: rgba(44, 65, 88, 0.6);
    font-family: GothamProMedium
}

.header-shorten-link button {
    font-size: 12px;
    font-family: GothamProRegular;
    color: #fff;
    height: 40px;
    padding: 1px 30px 2px 30px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: -1px;
    background-color: #338bd9;
    cursor: pointer;
    transition: all .3s linear;
}
.header-shorten-link button:hover {
	background: rgba(51, 139, 217, 0.9);
}
.header-shorten-link button.loading,
.header-shorten-link button.saved {
	padding-left: 85px;
}


.fast-link {
    position: absolute;
    top: 20px;
    background: #425469;
    right: 0px;
    left: 0px;
    padding: 20px 10px 0px 10px;
    z-index: -1;
    width: 100%;
    border-radius: 0px 0px 20px 20px;
    height: 30px;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
    transition: all .3s linear;
    opacity: 0;
}
.fast-link[data-state="open"] {
	height: auto;
}

.fast-link[data-state="close"]:hover {
	background: #e8ecee;
	cursor: pointer;
}

.fast-link:not(:empty) {
	opacity: 1;
}

.fast-link > div {
	display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px;
    height: 40px;
}

.fast-link > div > div {
	display: flex;
    align-items: center;
    font-size: 14px;
    font-family: GothamProMedium;
    color: #338bd9;
}
.fast-link > div > div > div {
	margin-right: 10px;
}

.fast-link > div.new-item:first-child {
    border-bottom: 1px solid #f38939;
}
.fast-link > div.new-item:first-child > div {
    color: #f38939;
}

.fast-link > div:not(:last-child) {
    border-bottom: 1px solid #566779;
}

/*progressbar */

.progressbar-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}
.progressbar-wrap.hide {
    display: none;
}

.progressbar-wrap .progressbar-click-link {
    width: 80%;
    height: 7px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #338bd9;
}
.progressbar-wrap .progressbar-bar {
    height: 5px;
    background: #338bd9;
    display: block;
    width: 1px;
}
.progressbar-wrap .progress-label {
    font-size: 12px;
    font-family: GothamProMedium;
    color: #338bd9;
    min-width: 50px;
    max-width: 50px;
    margin-left: 3px;
    text-align: right;
}

.progressbar-wrap .progress-label:after {
    content: attr(data-sign);
}

.progressbar-wrap:nth-child(2) .progressbar-click-link {
	border: 1px solid #f6a76b;
}
.progressbar-wrap:nth-child(3) .progressbar-click-link {
	border: 1px solid #89ccab;
}
.progressbar-wrap:nth-child(2) .progressbar-bar {
	background: #f6a76b;
}
.progressbar-wrap:nth-child(3) .progressbar-bar {
	background: #89ccab;
}
.progressbar-wrap:nth-child(2) .progress-label {
	color: #f6a76b;
}
.progressbar-wrap:nth-child(3) .progress-label {
	color: #89ccab;
}
.progressbar-wrap .maximum-label {
    font-size: 12px;
    font-family: GothamProMedium;
    color: #f28f46;
}
.progressbar-wrap .maximum-label:before {
	content: '/';
	font-size: 12px;
    font-family: GothamProMedium;
    color: #96a1ac;
}

.val-s, .val-z {
    font-family: GothamProMedium;
}
.name-s {
    color: #828282;
}
.name-s:nth-child(1), .val-s:nth-child(1) {
    color: #f38939;
    padding-bottom: 5px;
}
.name-s:nth-child(2), .val-s:nth-child(2) {
    color: #338bd9;
	padding-top: 5px;
}

.name-z {
    color: #828282;
}
.name-z:nth-child(1), .val-z:nth-child(1) {
    color: #424242;
    padding-bottom: 5px;
}
.name-z:nth-child(2), .val-z:nth-child(2) {
    color: #424242;
	padding-top: 5px;
}


.modal-smart-link, .modal-select-calendar, .modal-select-ips {
    display: none;
}


.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #071b3a;
    opacity: .48;
    z-index: 40;
    cursor: pointer
}

.modal-overlay.is-open {
    display: block
}

.smart-link-bottom {
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 28px 15px 23px;
    width: 100%;
    flex-direction: column;
    border-top: 1px solid #eeeeee;
}

.smart-link {
    padding: 25px 25px 0px 25px;
    width: 100%;
}

.smart-link__row {
	padding: 0px 0px 10px 0px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    position: relative;
	justify-content: space-between;
}
.smart-link__row h2 {
	margin: 10px 0px;
}

.smart-link__row[data-block] {
	display: none;
}

.smart-link__row .ui-selectmenu-button {
	width: 100%;
}

.smart-link__row input {
	width: 100%;
	padding-left: 13px;
	padding-right: 13px;
}

.smart-link__row input[type=time] {
    width: 140px;
    margin-left: 5px;
}

.smart-link__row label.default-radio {
	padding-right: 0px;
}

button[data-ips-to] {
	width: 245px;
}


.create-custom-ips {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 280px;
    height: 400px;
    padding: 20px;
    margin-left: 20px;
    background: #2c4158;
    color: #fff;
    line-height: 20px;
    transition: all .3s linear;
    cursor: pointer;
    user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    border-radius: 3px;
}

.create-custom-ips:focus,
.create-custom-ips:hover {
    background: #314962
}
.create-custom-ips > a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.create-custom-ips > a:hover {
	text-decoration: none;
}
.create-custom-ips span {
    display: block;
    width: 100px;
    height: 100px;
    background: url(/settings-2.svg) 50%/contain no-repeat;
	margin: 40px auto 15px auto;
}

.create-custom-ips h4 {
    margin-bottom: 20px;
    width: 100%;
    color: #fff;
}

.create-custom-ips p {
    width: 100%;
    font-size: 13px;
    color: hsla(0, 0%, 100%, .5)
}

.ips-list-wrap {
    display: -ms-flexbox;
    display: flex;
    padding: 25px 25px 25px 14px;
    width: 100%;
}

.ips-data {
    width: calc(100% - 300px);
    height: 400px;
}

.ips-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    overflow-y: scroll;
    height: 350px;
}

.ips-filters {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px 10px 25px;
}

.ips-filters .search-box {
	width: 100%;
}

.ips-filters a.btn {
    margin-left: 5px;
    width: 225px;
}

div[data-ips-place="main"] {
    float: left;
    margin-right: 20px;
}

div[data-ips-place] {
    position: relative;
    display: block;
    width: 245px;
    height: 200px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    color: #338bd9;
    background: #fdfdfd;
    outline: 1px solid #eeeeee;
    background-image: url(/plus-grey.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    cursor: pointer;
}

div[data-ips-place]:hover {
	background-image: url(/plus-blue.svg);
}

div[data-ips-place] .ips-open {
    display: none;
}
div[data-ips-place] .tpl-item {
    display: block;
    margin: 0px;
	cursor: auto;
}

/* buttons */

button.loading span:not(.ui-icon):not(.arrow),
button.saved span:not(.ui-icon):not(.arrow),
button.wait span:not(.ui-icon):not(.arrow),
a.btn-w.loading span:not(.ui-icon):not(.arrow),
a.btn-w.saved span:not(.ui-icon):not(.arrow),
a.btn-w.wait span:not(.ui-icon):not(.arrow),
a.btn-i.loading span:not(.ui-icon):not(.arrow),
a.btn-i.saved span:not(.ui-icon):not(.arrow),
a.btn-i.wait span:not(.ui-icon):not(.arrow) {
    display: block;
}

button.loading, button.saved,
a.btn-w.loading, a.btn-w.saved,
a.btn-i.loading, a.btn-i.saved {
    color: transparent;
    font-size: 0px !important;
}

button.wait span:not(.ui-icon):not(.arrow),
a.btn-w.wait span:not(.ui-icon):not(.arrow),
a.btn-i.wait span:not(.ui-icon):not(.arrow) {
	display: block;
    background-image: none;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    animation: initial;
    color: #f38939;
    font-size: 15px;
    padding-top: 4px;
    padding-left: 10px;
}
a.btn-i.wait span:not(.ui-icon):not(.arrow) {
    color: #338bd9;
}

button.saved span:not(.ui-icon):not(.arrow),
a.btn-w.saved span:not(.ui-icon):not(.arrow),
a.btn-i.saved span:not(.ui-icon):not(.arrow) {
    display: block;
    background-image: url(/checked.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    animation: initial;
}

button span:not(.ui-icon):not(.arrow),
a.btn-w span:not(.ui-icon):not(.arrow),
a.btn-i span:not(.ui-icon):not(.arrow) {
    display: none;
    min-width: 25px;
    width: auto;
    height: 25px;
    background-image: url(/loader-blue.svg);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    animation: a 2s linear infinite;
}

.btn-refresh {
    position: absolute;
    top: 50%;
    right: 160px;
    transform: translate3d(0, -50%, 0);
    background: transparent;
    cursor: pointer
}

.btn-refresh span {
    display: block;
    width: 25px;
    height: 25px;
    background: url(/loader-blue.svg) 50%/contain no-repeat
}

.btn-copy-link-form {
    position: absolute;
    right: 0;
    top: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 146px;
    height: 100%;
    border-radius: 3px;
    background: transparent;
    font-size: 12px;
    font-family: GothamProBold;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    z-index: 1
}

.btn-copy-link-form:after,
.btn-copy-link-form:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-image: linear-gradient(70deg, #f9b453 2%, #ff985b);
    opacity: 1;
    z-index: -1;
    transition: all .3s linear
}

.btn-copy-link-form:after {
    background: #f38939;
    opacity: 0
}

.btn-copy-link-form:focus:after,
.btn-copy-link-form:hover:after {
    opacity: 1
}
.btn-copy-link-form.copied {
    color: #61bb8f;
    border: 1px solid #61bb8f;
}

/*scrollbar */

.scrollbar {

}
.scrollbar::-webkit-scrollbar-track,
.selectize-dropdown-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    background-color: #F5F5F5;
    border-radius: 5px;
}

.scrollbar::-webkit-scrollbar,
.selectize-dropdown-content::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #F5F5F5;
}

.scrollbar::-webkit-scrollbar-thumb,
.selectize-dropdown-content::-webkit-scrollbar-thumb {
	background-color: #0ae;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
	border-radius: 5px;
}


/* content */

.content.auth {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content.auth.blue {
    min-height: 75vh;
}

.content.auth {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.block-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    width: 50%;
    min-height: 75vh;
    color: #2F4773;
    align-items: center;
    justify-content: center;
}
.block-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    width: 50%;
    min-height: 75vh;
    align-items: center;
    justify-content: center;
    margin: 50px 0px;
}

.block-info-text {
    margin-top: 15px;
    margin-bottom: 15px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    opacity: 0.85;
    color: #2c4158;
    display: block;
    text-align: center;
}
.block-info-text a {
    color: #338bd9;
    border-bottom: 1px solid;
    transition: all .3s linear;
}
.block-info-text a:hover {
    border-color: transparent;
}

.block-info-text h1 {
	font-family: GothamProBold;
	font-size: 18px;
}

.block-info-move {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 25px;
    padding: 0px 25px;
}

.block-info-move a {
	min-width: 180px;
}

.resend-activation-code {
    color: #338bd9;
    cursor: pointer;
    border-bottom: 1px solid #338bd9;
}
span.resend-activation-code[data-wait]:after {
    content: "(" attr(data-wait) ")";
    padding-left: 5px;
}
.resend-activation-code:hover {
    border-bottom: 1px solid transparent;
}
.resend-activation-code.sended {
    color: #61bd4f;
    border-bottom: 1px solid transparent;
}
.resend-activation-code.sending {
    color: #C0C0C0;
    border-bottom: 1px solid transparent;
}

.block-info-lone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 25px;
    padding: 0px 25px;
}
.block-info-lone a {
    width: auto;
    min-width: 250px;
}

.image-404 {
    background-image: url(/404-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-position-y: center;
    height: 100%;
    width: 100%;
}

.image-404.404-logo {
	background-image: url(/404-logo.svg);
}
.image-404.logo-blue {
	background-image: url(/logo-blue.svg);
}
.image-404.important {
	background-image: url(/important.svg);
}
.image-404.shield {
    background-image: url(/shield.svg);
}


.content.auth .block-info h1 {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 35px;
}

.block-info-move .btn-i {
	width: 210px;
}

.block-type-password {
    max-width: 480px;
    width: 100%;
    padding: 20px 25px 30px 25px;
    box-shadow: -1px 2px 1px 0 rgba(0, 0, 0, .12);
    background: #fff;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .12);
    margin-top: 15px;
}
.block-type-password h1 {
    line-height: normal;
    text-align: center;
}
.block-type-password form {
    margin-top: 10px;
}
.block-type-password input {
    width: 100%;
    background-color: #fff;
    font-size: 12px;
    font-family: GothamProRegular;
    padding: 0px 20px;
    border-radius: 3px;
    border: 1px solid #cfd3d5;
    transition: all .3s linear;
    height: 40px;
    margin-bottom: 15px;
}
.block-type-password button {
    width: 100%;
}

.content.auth .block-form {
    padding: 15vh 30px 30vh 30px;
    width: 100%;
    font-size: 14px;
}

.content.auth .block-form-inner {
    max-width: 480px;
    margin: auto;
}


.content.auth .block-form-preview {
	text-align: center;
	padding: 15px 0px;
 	font-family: GothamProRegular;
 	font-size: 15px;
}

.content.auth .block-form-preview img {
    width: 100%;
    height: 100%;
    border: 1px solid rgb(51 139 217 / 0.2);
    border-radius: 3px;
}

.content.auth .block-form-preview H1 {
	text-align: center;
}

.content.auth .block-form-preview ul li {
	list-style: none;
}

.content.auth .block-form-buttons {
	padding: 15px 0px;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.content.auth .block-form-buttons a,
.content.auth .block-form-buttons button {
	display: inline-flex;
	width: 100%;
}
.content.auth .block-form-buttons a:nth-child(2),
.content.auth .block-form-buttons button:nth-child(2) {
	margin-left: 10px;
}

.content.auth .logo {
    margin-bottom: 76px
}

.content.auth h1 {
    font-size: 18px;
    font-family: GothamProMedium;
    margin-bottom: 0px;
	color: #424242;
}

.content.auth h2 {
    margin-bottom: 32px
}

.content.auth .copyright {
    color: hsla(0, 0%, 100%, .5);
    text-align: center
}

.content.auth .form-nav {
    font-size: 24px;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 34px
}

.content.auth .form-nav__el:first-child {
    margin-right: 14px
}

.content.auth .form-nav a {
    color: #c7c6c6;
    border-bottom: 1px solid;
    transition: all .3s linear
}

.content.auth .form-nav a:focus,
.content.auth .form-nav a:hover {
    color: #338bd9;
    border-color: hsla(0, 0%, 100%, 0)
}

.content.auth .form-nav span {
    font-size: inherit;
    font-family: GothamProMedium
}

.content.auth form {
    max-width: 480px;
    width: 100%
}

.content.auth form input {
    color: #424242;
    padding: 0 14px;
    font-size: 14px
}

.content.auth form .double {
    margin-bottom: 25px;
    position: relative;
    display: flex;
}
.content.auth form .double .row {
    margin-bottom: 0px;
    width: 50%;
}
.content.auth form .double .row:last-child {
    margin-left: 5px;
}

.content.auth form .row {
    margin-bottom: 25px;
    position: relative;
}

.content.auth form .row .ui-selectmenu-button,
.content.auth form .row select {
	width: 100%;
}


.content.auth form .row.hide {
    display: none;
}

.content.auth form .row-buttons {
	position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}
.content.auth form .row-buttons button {
	margin-left: 10px;
}

form div.label-wrap {
	width: 100%;
}

form p.description {
    color: #adacac;
    font-size: 11px;
    line-height: 1.54;
    margin-top: 5px;
    display: block;
	position: relative;
}
form p.description:before {
	content: "";
	clear: both;
	display: block;
}

.content.auth .restore-password {
    font-size: 13px;
    color: #338bd9;
    text-decoration: underline;
    transition: all .3s linear;
    cursor: pointer;
}

.content.auth .restore-password:focus,
.content.auth .restore-password:hover {
    text-decoration: none
}

.content.auth .block-login-socials {
    margin-top: 36px
}

.content.auth .block-login-socials p {
    margin-right: 16px;
    margin-bottom: 16px;
}

.content.auth .block-login-socials__list {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.block-login-socials__list .social {
	margin: 5px auto;
}

.statistics h2 {
    font-size: 18px;
    font-family: GothamProMedium
}

/*info blocks */

.stat-block {
	display: flex;
    justify-content: space-between;
	align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
}

.stat-block__i {
	display: inline-block;
    width: calc(50% - 35px);
    margin: 10px 10px;
}
.stat-block__i-title {
    color: #c4c3c3;
    font-size: 14px;
    font-family: GothamProRegular;
}
.stat-block__i-count {
	font-size: 16px;
    font-family: GothamProMedium;
    display: flex;
    color: #338bd9;
    height: 25px;
    align-items: center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stat-block__i-count .progressbar-wrap {
	width: 50%;
}

.info-block {
    color: #828282;
    margin-bottom: 20px;
    display: block;
    background: transparent;
}

.info-block__i {
	width: 30%;
    width: calc(100% / 3 - 16px);
    height: 50px;
    border-radius: 3px;
    border: 1px solid #cfd3d5;
    padding: 17px 25px 17px 60px;
    margin: 5px 10px;
    display: inline-block;
    background-repeat: no-repeat;
	background-position: 20px 10px;
	background-size: 24px;
	display: inline-flex;
	justify-content: space-between;
}

.info-block__i:nth-child(1),
.info-block__i:nth-child(4),
.info-block__i:nth-child(7) {
	margin-left: 0px;
}

.info-block__i:nth-child(3),
.info-block__i:nth-child(6) {
	margin-right: 0px;
}

.info-block__i.click.blue {
 	background-image: url(/stat-cursor-blue.svg);
}
.info-block__i.click.green {
 	background-image: url(/stat-cursor-green.svg);
}
.info-block__i.click.orange {
 	background-image: url(/stat-cursor-orange.svg);
}
.info-block__i.link.green {
	background-image: url(/stat-link-green.svg);
}
.info-block__i.link.orange {
	background-image: url(/stat-link-orange.svg);
}
.info-block__i.ips.orange {
	background-image: url(/stat-ips-orange.svg);
}
.info-block__i.ips.blue {
	background-image: url(/stat-ips-blue.svg);
}
.info-block__i.ips.green {
	background-image: url(/stat-ips-green.svg);
}
.info-block__i.tag.green {
	background-image: url(/stat-tag-green.svg);
}


.info-block__i.blue .info-block__i-count {
    color: #338bd9;
}
.info-block__i.green .info-block__i-count {
    color: #61bb8f;
}
.info-block__i.orange .info-block__i-count {
    color: #f38939;
}

.info-block__i-title {
    font-size: 12px;
    font-family: GothamProRegular;
}
.info-block__i-count {
    font-size: 14px;
    font-family: GothamProMedium;
    margin-top: -2px;
}

/* info-blocks */

.page-settings {
    position: relative;
}

.page-settings.is-open {
    background-color: #fff;
    box-shadow: -1px 2px 1px 0 rgba(0, 0, 0, .12)
}

.page-settings__dropped-block {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 5;
    width: 244px;
    padding: 15px 10px;
    background-color: #fff;
    box-shadow: 1px 0 4px 0 #ccd3d6;
    opacity: 0;
    visibility: hidden;
    transition: all .3s linear
}

.page-settings__dropped-block:before {
    content: "";
    position: absolute;
    right: 10px;
    top: -4px;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    background: #fff
}

.page-settings__dropped-block.is-open {
    opacity: 1;
    visibility: visible
}

.page-settings__title {
    font-size: inherit;
    font-family: GothamProMedium;
    line-height: 1;
    color: #424242;
    margin-bottom: 12px
}

.page-settings__row-checkbox {
    margin-bottom: 10px;
    color: #a5a3a3
}

.page-settings__row-checkbox input:checked~.label-checkbox {
    color: #424242
}

.row-blocks {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tooltip-pie {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 11px;
    font-family: GothamProRegular;
    width: 120px;
    min-height: 100px
}

.tooltip-pie .wrap-img {
    width: 35px;
    height: 35px;
    margin-bottom: 15px
}

.tooltip-pie .wrap-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.tooltip-pie p:first-of-type {
    font-size: 30px;
    font-family: GothamProMedium;
    color: #424242;
    margin-bottom: 10px
}

.tooltip-pie p:last-of-type {
    white-space: normal;
    color: #828282
}

.tooltip-pie-column {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    font-family: GothamProRegular;
    width: 120px
}

.tooltip-pie-column:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .14);
    z-index: -1
}

.tooltip-pie-column .wrap-img {
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.tooltip-pie-column .wrap-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.tooltip-pie-column p:first-of-type {
    font-size: 16px;
    font-family: GothamProMedium;
    color: #424242
}

.tooltip-pie-column p:last-of-type {
    white-space: normal;
    color: #828282
}

.tooltip-line {
    padding: 10px 15px;
    color: #424242
}

.tooltip-line.pie {
    text-align: center
}

.tooltip-line__pie {
    color: #424242
}

.tooltip-line p {
    font-size: 16px;
    font-family: GothamProMedium;
    color: #338bd9
}

.tooltip-line span {
    font-size: 12px;
    font-family: GothamProRegular
}

.tooltip-column {
    color: #424242;
    padding: 15px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 5px 18px 0 rgba(0, 0, 0, .14)
}

.tooltip-column p {
    font-size: 16px;
    font-family: GothamProMedium;
    color: #338bd9
}

.tooltip-column span {
    font-size: 12px;
    font-family: GothamProRegular
}


/*dashboard*/

/*
.change-chart-js.loaded {
    background: #FBFFFB;
}
*/
.change-chart-js.dashboard {
    min-height: 470px;
    height: 470px;
}

.change-chart-js[data-type] {
	min-height: 350px;
    height: 350px;
}

.change-chart-js[data-type] .block-body {
    bottom: 25px;
}
.change-chart-js[data-type] .block-header input[data-wput] {
    font-size: 16px;
	font-family: GothamProBold;
}

.change-chart-js[data-type] .filter-display-pages {
    margin: 0px;
}
.change-chart-js[data-type] .filter-display-pages span {
    display: none;
}

.change-chart-js.dashboard canvas {
    height: 300px;
	max-height: 300px;
}

#dashboard-links, #dashboard-campaigns {
    width: 100%;
    display: table;
}
#dashboard-links th, #dashboard-campaigns th{
	text-align: left;
	padding: 10px 10px;
	height: 53px;
}
#dashboard-links td, #dashboard-campaigns td {
	padding: 10px 10px;
	height: 53px;
}

#dashboard-links a.btn-square, #dashboard-campaigns a.btn-square {
    height: 30px;
    width: 30px;
    min-width: 30px;
}

#dashboard-links tbody > tr:hover,
#dashboard-campaigns tbody > tr:hover {
    background: #e8ecee;
    color: #338bd9;
    cursor: pointer;
}

#dashboard-campaigns td:nth-child(1) input {
	height: 18px;
	padding: 0px;
	margin: 0px;
	background: transparent;
	border: 0px;
	text-overflow: ellipsis;
    overflow: hidden;
}
#dashboard-links td:nth-child(1) input {
    position: absolute;
    bottom: 8px;
    left: 10px;
    background: transparent;
    width: 95%;
    border: 0px;
    height: 18px;
    padding: 0px;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #828282;
}
#dashboard-links td:nth-child(1) span {
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 8px;
    left: 10px;
    right: 0px;
    white-space: nowrap;
}

#dashboard-campaigns td:nth-child(1) {
	padding-left: 10px;
	position: relative;
}
#dashboard-links td:nth-child(1) {
	padding: 5px 10px;
	position: relative;
}
#dashboard-campaigns td:nth-child(2),
#dashboard-links td:nth-child(2) {
	padding: 0px;
	width: 120px;
}
#dashboard-campaigns td:nth-child(3),
#dashboard-links td:nth-child(3) {
	text-align: center;
	padding: 0px;
	width: 80px;
}
#dashboard-campaigns td:nth-child(4),
#dashboard-links td:nth-child(4) {
	text-align: center;
	padding: 0px;
	width: 80px;
}
#dashboard-campaigns td:nth-child(5) {
	text-align: center;
	padding: 0px;
	width: 80px;
}

#dashboard-campaigns th:nth-child(1),
#dashboard-links th:nth-child(1) {
	padding-left: 10px;
	min-width: 200px;
}
#dashboard-campaigns th:nth-child(2),
#dashboard-links th:nth-child(2) {
	text-align: left;
	padding-left: 0px;
	min-width: 120px;
}
#dashboard-campaigns th:nth-child(3),
#dashboard-links th:nth-child(3) {
	text-align: center;
	padding: 0px;
}
#dashboard-campaigns th:nth-child(4),
#dashboard-links th:nth-child(4) {
	text-align: center;
	padding: 0px;
}

#dashboard-campaigns th:nth-child(5) {
	text-align: center;
	padding: 0px;
}

/*view stat*/

.change-chart-js.allow-stat-block[data-type] {
    min-height: 400px;
    height: 400px;
}
.change-chart-js.allow-stat-block.stat-without-table {
    min-height: 300px;
    height: auto;
	padding: 0px 25px 20px 25px;
}

.change-chart-js.allow-stat-block.stat-with-table {
    min-height: 400px;
    height: 400px;
    padding: 0px 25px 0px 25px;
}

.change-chart-js.allow-stat-block .stat-block {
	height: 150px;
}
.change-chart-js.allow-stat-block .view-stat-block {
	border-top: 1px solid #cfd3d5;
	padding-top: 10px;
}

.view-stat-block .block-ico-btns input {
    width: 325px;
    margin-right: 15px;
}
.allow-stat-block .btn-a {
	min-width: 200px;
}

.password-protection {
    width: 100%;
    position: relative;
}
.password-protection input {
    padding-right: 40px;
}
.password-protection .password-eye {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
    height: 40px;
    background-image: url(/eye.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.password-protection .password-eye:hover {
	opacity: 0.5;
}
.password-protection.no .password-eye {
    background-image: url(/eye-no.svg);
    background-size: 30px;
}


/* tags & campaign links*/

.block-body div.scrollbar {
	height: 160px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.block-body .table-over {
    width: 100%;
    display: table;
}
.block-body .table-head {
    width: 100%;
    display: table;
    margin: -10px -10px 0px 0px;
}
.block-body .table-over > div,
.block-body .table-head > div {
	display: table-row;
}

.block-body .table-over > div:not(:last-child) > div,
.block-body .table-head > div > div  {
	border-bottom: 1px solid #e8e8e8;
}


.block-body .table-over > div > div {
	text-align: left;
	padding: 0px;
	height: 53px;
	display: table-cell;
	vertical-align: middle;
}
.block-body .table-head > div > div {
	text-align: center;
	padding: 0px;
	height: 53px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}

.block-body .table-over input[type="text"] {
	height: 18px;
	padding: 0px;
	margin: 0px;
	background: transparent;
	border: 0px;
}
.block-body .table-over input[type="text"]::-webkit-input-placeholder {
	color: #338bd9;
}
.block-body .table-over input[type="text"]:-ms-input-placeholder {
	color: #338bd9;
}
.block-body .table-over input[type="text"]::-moz-placeholder,
.block-body .table-over input[type="text"]:-moz-placeholder {
	color: #338bd9;
}

.block-body .table-over > div > div:nth-child(1) {
	text-align:left;
	padding-left: 10px;
	position: relative;
}
.block-body .table-over > div > div:nth-child(1) input {
    background: transparent;
    width: 100%;
    border: 0px;
    height: 18px;
    padding: 0px;
    margin-top: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #828282;
}
.block-body .table-over > div > div:nth-child(1) span {
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    top: 8px;
    left: 10px;
    right: 0px;
    white-space: nowrap;
}
.block-body .table-over > div > div:nth-child(2) {
	width: 100px;
	text-align:center;
}
.block-body .table-over > div > div:nth-child(3) {
	width: 100px;
	text-align:center;
}
.block-body .table-over > div > div:last-child {
	width: 150px;
	text-align:left;
	padding-left: 25px;
}

.block-body .table-head > div > div:nth-child(1) {
	text-align:left;
	padding-left: 10px;
}
.block-body .table-head > div > div:nth-child(2) {
	width: 100px;
	text-align: center;
}
.block-body .table-head > div > div:nth-child(3) {
	width: 100px;
	text-align: center;
}
.block-body .table-head > div > div:last-child {
	width: 150px;
	text-align: left;
	padding-left: 25px;
}


/* overflow text*/

.link-overflow {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 25px);
    position: absolute;
    white-space: nowrap;
	left: 25px;
	top: calc(50% - 8px);
}

.table-all-links .link-overflow {
	left: 0px;
	top: calc(50% - 12px);
}
.table-all-links a.link-overflow {
	cursor: alias;
}
.table-all-ips .title-link .link-overflow,
.table-campaign-links .title-link .link-overflow {
	left: 0px;
}

#dashboard-links .link-overflow,
#dashboard-campaigns .link-overflow {
	left: 10px;
	top: calc(50% - 6px);
}



.custom-legend-tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    color: #828282
}

.custom-legend-tag .wrap-img {
    margin-right: 20px
}

.custom-legend-tag p {
    font-size: 16px;
    font-family: GothamProMedium
}

.custom-legend-tag span {
    font-size: 12px;
    font-family: GothamProRegular
}

.block-type-25,
.block-type-50,
.block-type-75,
.block-type-100 {
    position: relative;
    min-height: 500px;
}

.block-type-25 > form:not(.block-footer),
.block-type-50 > form:not(.block-footer),
.block-type-75 > form:not(.block-footer),
.block-type-100 > form:not(.block-footer) {
    height: 100%;
	margin: 0px -25px;
    padding: 0px 25px;
}

.change-chart-js {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: -1px 2px 1px 0 rgba(0, 0, 0, .12);
    margin-bottom: 20px;
	height: 550px;
	padding: 0px 25px;
}

.change-chart-js[data-compare="1"] {
    position: absolute;
    left: -100000px;
    transition: 0s;
}

.change-chart-js[data-compare="1"]:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgba(43, 62, 75, 0.5);
    z-index: 100;
}

.change-chart-js .block-hint {
	font-size: 10px;
	color: #b9c0c7;
}


.break {
    margin-left: 20px;
}

.change-chart-js .title-block a {
    border-bottom: 1px solid transparent;
    transition: all .3s linear
}

.change-chart-js .title-block a:focus,
.change-chart-js .title-block a:hover {
    color: #338bd9;
    border-color: #338bd9
}

.change-chart-js .block-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0px 20px 10px;
    width: 100%;
}

.change-chart-js.allow-stat-block .block-header {
    padding: 20px 0px 0px 0px;
}

.change-chart-js .block-body,
.row-chart .block-body {
    padding: 0px;
    position: absolute;
    z-index: 0;
    background: #fff;
    left: 25px;
    right: 25px;
    top: 75px;
    bottom: 75px;
}
.change-chart-js .block-body.is-active,
.row-chart .block-body.is-active {
	z-index: 1;
}

.block-body .info-block__i {
    width: 100%;
    margin: 15px auto;
}

.change-chart-js .block-body[data-type="list"] table td {
	height: 40px;
	padding: 10px;
}
.change-chart-js .block-body[data-type="list"] table th {
	font-weight: bold;
}

.change-chart-js .block-table {
    padding: 0;
    height: 400px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.change-chart-js .block-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 70px;
    width: 100%;
    padding: 0 20px;
    border-top: 1px solid #ded9d9;
}

.change-chart-js .block-footer > div,
.change-chart-js .block-footer > form {
	display: flex;
}
.block-footer > div > *:not(:last-child),
.block-footer > form > *:not(:last-child) {
    margin-right: 5px;
}

.block-type-100 {
    width: 100%;
}
.block-type-100[data-chart="country"] {
    height: 650px;
}

.block-type-50 {
    width: calc(50% - 10px)
}
.block-type-75 {
    width: calc(75% - 10px)
}

.block-type-33 {
    width: calc(33.333333% - 10px)
}

.block-type-25 {
    width: calc(25% - 15px)
}

.block-type-25.alone {
    width: calc(25% - 10px)
}

.block-summary {
    position: absolute;
    top: 76px;
    right: 50px;
    z-index: 3;
    font-size: 15px;
    font-family: Roboto;
    font-weight: 400;
    color: #338bd9;
    -webkit-font-smoothing: antialiased;
}
.block-summary.hide {
	display: none;
}
.block-summary:not(:empty):before {
	content: attr(data-text);
    color: #424242;
    padding-right: 5px;
}

.wrap-chart-create {
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    z-index: 11;
    position: absolute;
    top: 65px;
    left: 0px;
    right: 0px;
    bottom: 70px;
}
.wrap-chart-create.hide {
	display: none;
}

.block-create-comp {
	text-align: center;
    z-index: 10;
    width: 400px;
    padding: 20px 15px 20px 15px;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(232, 236, 238, 0.8);
    color: #2c4158;
	position: absolute;
    left: calc(50% - 200px);
    top: calc(50% - 75px);
}

.block-create-comp .title {
    font-size: 14px;
    font-family: GothamProMedium;
    margin-bottom: 14px;
}

.block-create-comp .help {
    margin-bottom: 14px;
    line-height: 1.67;
}

.block-create-comp .help a {
    color: #338bd9;
    border-bottom: 1px solid;
    transition: all .3s linear
}

.block-create-comp .help a:hover {
    border-color: hsla(0, 0%, 100%, 0)
}

.block-create-comp .create-company {
    margin: 0 auto
}


/* таблицы  */
.block-global-table {
	position: relative;
	min-height: 240px;
	padding-bottom: 10px;
}
.block-global-table.with-footer {
	padding-bottom: 70px;
}

.block-global-table .header-block,
.block-global-table .footer-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 25px;
    justify-content: space-between;
}
.block-global-table .header-block > div,
.block-global-table .footer-block > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.block-global-table .header-block {
	border-bottom: 1px solid #e8e8e8;
}
.block-global-table .footer-block {
	border-top: 1px solid #e8e8e8;
    margin-bottom: -10px;
}
.block-global-table h4 {
    margin-right: 20px;
	white-space: nowrap;
	min-width: 100px;
}
.block-global-table .filter-display-items {
    margin-left: auto;
    margin-right: 65px;
}

.header-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    padding: 0px 25px;
    height: 70px;
    border-bottom: 1px solid #e8e8e8
}
.block-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    padding: 0px 25px;
    height: 70px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-top: 1px solid #e8e8e8;
}

.block-footer > div,
.block-footer > form {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.block-footer > div > *:not(:last-child),
.block-footer > form > *:not(:last-child) {
    margin-right: 5px;
}

.block-footer .btn-add-ips {
    width: 160px
}

.control-link-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px;
    margin-bottom: 20px;
}

.control-link-form {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.control-link-form .info-block__i {
	height: 35px;
    padding: 10px 25px 0px 60px;
	background-position: 20px 7px;
    background-size: 18px;
}

.form-edit-link__content:nth-child(1) {
    width: calc(50% - 5px);
    margin: 5px 5px 0px 5px;
}
.form-edit-link__content:nth-child(2) {
    width: calc(50% - 10px);
    margin: 5px 5px 0px 0px;
}
/*link - stat*/
.form-edit-link__content:nth-child(3) {
    display: block;
    width: 100%;
    padding: 10px 25px 15px 25px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 5px;
}

.form-edit-link__bottom {
    width: 100%;
    padding: 20px 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid #eee
}

.btn-cancel {
    margin-right: 10px
}

.form-edit-link__space {
	width: calc(100% - 540px);
}

.form-edit-link__block-link,
.form-edit-link__block-settings,
.form-edit-link__block-ips,
.form-edit-link__block-smart,
.form-edit-link__block-method,
.form-edit-link__block-info,
.form-edit-link__block-graph,
.form-edit-link__block-password {
	display: block;
    width: 100%;
    padding: 10px 25px 15px 25px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-bottom: 5px;
    position: relative;
}

.form-edit-link__block-info {
	margin-bottom: 20px;
}

.form-edit-link__block-link {
    height: 240px;
	background: #fdfdfd;
}

.single-company .form-edit-link__block-link {
    height: 205px;
}

.form-edit-link__block-link .info-block {
	width: 100%;
}

.form-edit-link__block-link .info-block__i {
	width: 100%;
    margin-bottom: 5px;
    margin-right: 22px;
}

#chart-visits {
	height: 195px;
}

.form-edit-link__block-method {
	min-height: 140px;
}

.form-edit-link__block-smart {
	height: calc(100% - 5px);
}

.form-edit-link__block-ips div[data-ips-off="1"],
.form-edit-link__block-ips div[data-timer-off="1"] {
    display: none;
}

.timer-value {
	display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
    min-width: 60px;
    height: 40px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .3s linear;
    background-color: transparent;
}
.timer-value:after {
	content: attr(data-sec);
}


.form-edit-link__block .form-edit-link__title-box {
	position: absolute;
    right: 15px;
    top: 15px;
}

.form-edit-link__title-header {
    display: -ms-flexbox;
    display: flex;
    margin: 0px 0px 15px 0px;
    height: 40px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
}
.form-edit-link__block-graph .form-edit-link__title-header {
    margin: 0px 0px 0px 0px;
}

.form-edit-link__title-header > span {
	display: flex;
	align-items: center;
	width: 100%;
}

.form-edit-link__title-header > span div.wrap-tag {
	border-bottom: 1px solid #cfd3d5;
}

.form-edit-link__title-block {
    display: -ms-flexbox;
    display: flex;
    margin: 0px 0px 20px 0px;
    height: 40px;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.form-edit-link__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 10px;
	min-height: 40px;
	justify-content: space-between;
	position: relative;
}

.form-edit-link__row .label-error {
    position: absolute;
    left: 180px;
    top: -42px;
    z-index: 12;
    padding-right: 25px;
}

.form-edit-link__row.hide {
    display: none;
}

.form-edit-link__row .ui-selectmenu-button.ui-button,
.form-edit-link__row .selectize-control {
	width: 100%;
    color: #2c4158;
    font-size: 12px;
}

.form-edit-link__row input,
.form-edit-link__row textarea,
.form-edit-link__button {
	width: 100%;
    color: #2c4158;
    font-size: 12px;
}

.form-edit-link__row label {
    width: 100%;
    color: #2c4158;
    font-size: 12px;
}

.form-edit-link input,
.form-edit-link textarea {
    padding-right: 17px;
    padding-left: 17px;
}

.form-edit-link textarea {
    line-height: 20px
}

.form-edit-link .ui-selectmenu-text.placeholder {
    color: #adacac
}

.form-edit-link__row[data-type] .ui-selectmenu-button.ui-button,
.form-edit-link__row[data-type] .selectize-control,
.form-edit-link__row[data-type] input,
.form-edit-link__row[data-type] textarea {
    width: calc(100% - 180px);
}

.form-edit-link__label {
	width: 170px;
	min-width: 170px;
	padding: 0px 5px 0px 0px;
    position: relative;
}

.dialog-hint:after, .form-edit-link__label:after {
    content: '';
    position: absolute;
    right: 4px;
    top: -4px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.dialog-hint.saving:after,
.form-edit-link__label.saving:after  {
    background-image: url(/loader-blue.svg);
    animation: a 2s linear infinite;
}

[data-mandatory]:before {
    color: #f38939;
    font-weight: bold;
    content: attr(data-mandatory);
    margin-right: 5px;
    margin-top: 5px;
}

.form-edit-link__right {
	display: flex;
}

.form-edit-link__right > *:first-child {
	margin-left: 15px;
}

/* tooltip */

.tooltip {
    position: relative;
    margin-top: 0px;
    margin-left: 15px;
    height: 40px;
	font-family: GothamProRegular;
    font-weight: 100;
    font-size: 14px;
}

.tooltip:hover > div:nth-child(1) {
    border-color: #338bd9;
    color: #338bd9
}

.tooltip a {
	color: #338bd9;
    border-bottom: 1px solid;
    transition: all .3s linear;
}
.tooltip a:hover {
    border-color: hsla(0, 0%, 100%, 0);
}

.tooltip > div:nth-child(1) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #cfd3d5;
    cursor: pointer;
    font-size: 16px;
    color: #424242;
    line-height: 1;
    transition: all .3s linear
}

.tooltip > div:nth-child(2) {
    display: none;
}

.tooltip-float {
    position: absolute;
    right: 0;
    width: 300px;
    z-index: 150000;
    padding: 15px;
    box-shadow: 6px 8px 0 0 #e8ecee;
    background-color: #fff;
    border: 1px solid #d9dbe1;
}
.tooltip-float:after {
    content: "";
    position: absolute;
    right: 7px;
    bottom: -7.5px;
    width: 14px;
    height: 14px;
    box-shadow: 6px 0 0 0 #e8ecee;
    background-color: #fff;
    transform: rotate(45deg);
    border-bottom: 1px solid #d9dbe1;
    border-right: 1px solid #d9dbe1
}
.tooltip-float.tooltip-reverse {
	box-shadow: 6px -8px 0 0 #e8ecee;
}
.tooltip-float.tooltip-reverse:after {
    top: -8.5px;
    bottom: auto;
    transform: rotate(225deg);
}


/* end tooltip */

.form-edit-link__tooltip-box,
.form-edit-link__box-add {
    position: relative;
    margin-top: 0px;
    margin-left: 15px;
    height: 40px;
	font-family: GothamProRegular;
    font-weight: 100;
    font-size: 14px;
}

.form-edit-link__tooltip-box:hover .form-edit-link__tooltip-btn {
    border-color: #338bd9;
    color: #338bd9
}

.form-edit-link__tooltip-box:hover .form-edit-link__tooltip-drop {
    opacity: 1;
    visibility: visible
}

.form-edit-link__tooltip-box a {
	color: #338bd9;
    border-bottom: 1px solid;
    transition: all .3s linear;
}
.form-edit-link__tooltip-box a:hover {
    border-color: hsla(0, 0%, 100%, 0);
}

.form-edit-link__tooltip-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #cfd3d5;
    cursor: pointer;
    font-size: 16px;
    color: #424242;
    line-height: 1;
    transition: all .3s linear
}

.form-edit-link__tooltip-drop {
    position: absolute;
    bottom: calc(100% + 20px);
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .3s linear;
    width: 300px;
    padding: 15px;
    box-shadow: 6px 8px 0 0 #e8ecee;
    background-color: #fff;
    border: 1px solid #d9dbe1;
	z-index: 15;
}

.form-edit-link__tooltip-drop:after {
    content: "";
    position: absolute;
    right: 7px;
    bottom: -7.5px;
    width: 14px;
    height: 14px;
    box-shadow: 6px 0 0 0 #e8ecee;
    background-color: #fff;
    transform: rotate(45deg);
    border-bottom: 1px solid #d9dbe1;
    border-right: 1px solid #d9dbe1
}

.form-edit-link__tags-selected {
    padding-left: 170px;
    margin-top: 15px
}

.form-edit-link__grid-geo,
.form-edit-link__tags-selected {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.form-edit-link__geo-i,
.form-edit-link__select-i,
.form-edit-link__tag {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    height: 40px;
    padding-top: 0px;
    padding-left: 10px;
    font-size: 13px;
    border-radius: 3px;
    background: #e8ecee
}

.form-edit-link__geo-delete,
.form-edit-link__select-i-delete,
.form-edit-link__tag-delete {
    position: relative;
    width: 25px;
    height: 100%;
    border-radius: 3px;
    cursor: pointer;
    margin-left: auto;
    background: transparent
}

.form-edit-link__geo-delete:after,
.form-edit-link__geo-delete:before,
.form-edit-link__select-i-delete:after,
.form-edit-link__select-i-delete:before,
.form-edit-link__tag-delete:after,
.form-edit-link__tag-delete:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1px;
    width: 10px;
    background: #424242
}

.form-edit-link__geo-delete:before,
.form-edit-link__select-i-delete:before,
.form-edit-link__tag-delete:before {
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

.form-edit-link__geo-delete:after,
.form-edit-link__select-i-delete:after,
.form-edit-link__tag-delete:after {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.form-edit-link__map {
    width: 100%;
    height: 240px;
    background: url(/map.jpg) 50%/contain no-repeat
}

.form-edit-link__selects-group {
	width: calc(100% - 54px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form-edit-link__perm-url {
	width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 5px;
}
.form-edit-link__perm-url.hide {
	display: none;
}

.form-edit-link__perm-url > input {
	width: calc(100% - 55px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
	background: transparent;
}

.form-edit-link__select-wrap {
    width: calc(50% - 5px)
}

.form-edit-link__select-wrap .ui-selectmenu-button.ui-button {
    width: 100%
}

.form-edit-link__wrap-input {
    padding-left: 170px;
    margin-top: 10px;
    width: 100%
}

.form-edit-link__wrap-input input {
    width: calc(100% - 55px)
}


.smart-link__group-btns-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.smart-link__group-btns-toggle > button {
	min-width: 165px;
    width: auto;
    margin: 0px 5px 10px 5px;
    padding: 0px;
}


.form-edit-link__checkbox-box {
    width: calc(100% - 55px)
}

.form-edit-link__wrap-checkbox {
    margin-bottom: 10px
}

.form-edit-link__select-i-selected {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 15px
}

.form-edit-link__input-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px
}

.grid-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
	position: relative;
}

.grid-info a {
    font-size: 16px;
    color: #338bd9;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 95%;
}

.grid-info p.info-i__descr {
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 95%;
}

.grid-info .info-i {
    width: 100%;
    margin: 0px;
    font-size: 16px;
    display: inline-block;
}
.grid-info .info-i:first-child {
    margin-bottom: 25px;
}

.grid-info .info-i__descr {
    color: #c4c3c3;
    font-size: 12px;
    margin-top: 9px;
    height: 14px;
}

.grid-info .info-i .wrap-tag {
	border-bottom: 1px solid #cfd3d5;
}

.all-transitions .all-transitions-header {
    padding: 25px 25px 30px;
    margin-bottom: 20px
}


.all-transitions .table-inputs {
    padding: 35px 25px 30px;
    margin-bottom: 20px
}

.all-transitions .table-inputs .block-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 27px
}

.all-transitions .table-inputs .block-header h2 {
    margin-right: 15px
}

.all-transitions .table-inputs .block-header a {
    font-size: 16px;
    color: silver;
    border-bottom: 1px solid silver;
    transition: all .3s linear
}

.all-transitions .table-inputs .block-header a:focus,
.all-transitions .table-inputs .block-header a:hover {
    color: #424242;
    border-color: transparent
}

.all-transitions .output-stat-transit {
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.all-transitions .group-date {
    display: -ms-flexbox;
    display: flex;
    margin-right: 45px
}

.all-transitions .group-date input {
    padding: 0 15px;
    max-width: 172px;
    margin-right: 18px
}

.all-transitions .group-date input:last-child {
    margin-right: 0
}

.all-transitions .group-checkbox {
    display: -ms-flexbox;
    display: flex
}

.all-transitions .group-checkbox .default-checkbox {
    margin-right: 40px
}

.all-transitions .group-checkbox .default-checkbox:last-child {
    margin-right: 0
}

.all-transitions .wrapper-btn {
    margin-left: auto
}

.all-transitions .wrapper-btn button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background-color: #e8ecee;
    border: 1px solid #e8ecee;
    cursor: pointer;
    transition: all .2s linear
}

.all-transitions .wrapper-btn button:focus,
.all-transitions .wrapper-btn button:hover {
    border-color: #338bd9;
    background: #fff
}

.all-transitions .wrapper-btn button:focus span,
.all-transitions .wrapper-btn button:hover span {
    background-image: url(/ico-reload-blue.svg)
}

.all-transitions .wrapper-btn button span {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/ico-reload-grey.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .2s linear
}

.tag-stat .stat-header h2 {
    margin-right: auto
}

.tag-stat .stat-header__nav {
    margin-left: auto
}


.all-links .wrapper-filters-global,
.all-ips .wrapper-filters-global,
.tag-stat .block-global-table,
.tag-stat .wrapper-filters-global {
	border-bottom: 1px solid #e8ecee;
}

.all-links .wrap-select .ui-selectmenu-button {
	width: 200px;
}
.all-links .wrap-select .selectize-control {
	min-width: 275px;
	max-width: 400px;
	width: 100%;
}
.single-company .grid-info {
	width: 100%;
	margin-top: -15px;
}

.single-company .block-move-links {
    display: -ms-flexbox;
    display: flex;
    padding: 20px 15px;
    border-bottom: 1px solid #e8e8e8
}

.single-company .block-move-links > div {
	display: flex;
	flex-wrap: nowrap;
}
.single-company .block-move-links > div > * {
	margin-left: 10px;
}

.single-company .block-move-links .btn-move-selected {
    padding: 0 15px;
    width: auto;
    font-size: inherit;
    font-family: GothamProRegular;
    border-color: #cfd3d5;
    color: #424242;
    margin-right: 10px;
    white-space: nowrap;
}
.single-company .block-move-links .btn-move-selected:focus,
.single-company .block-move-links .btn-move-selected:hover {
    color: #fff;
    border-color: #338bd9
}

body.my-profile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.pr-main {
    width: 100%;
    background-color: #fff;
    padding: 20px 25px 30px 25px;
    box-shadow: -1px 2px 1px 0 rgba(0, 0, 0, .12);
    min-height: 400px;
    position: relative;
}

.pr-main .session {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e5dfdf;
}

.pr-main .session div[data-icon] {
    min-width: 150px;
    height: 36px;
    padding-top: 3px;
}

.pr-main .session > div {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

.pr-main .session > div:first-child {
	width: 100px;
}

.pr-main .label-title {
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pr-main .label-title > span {
	padding-top: 10px;
}

.pr-main .label-title > div {
    display: flex;
    justify-content: space-between;
}

.pr-main .label-title form {
	display: inline-block;
	float: right;
}

.pr-main .label-title button,
.pr-main .label-title a.btn,
.pr-main .label-title a.btn-i,
.pr-main .label-title a.btn-w {
	margin-left: 10px;
    margin-top: auto;
    float: right;
}

.pr-main .label-header {
    padding-top: 13px;
	padding-bottom: 2px;
    font-size: 13px;
    color: #adacac;
    max-width: 174px;
    width: 100%;
    margin-right: 14px;
	user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    cursor: default;
    position: relative;
}

.pr-main .label-header .social {
	margin-top: -10px;
}

.pr-main .label-error {
    position: absolute;
    top: -42px;
    left: 185px;
}


.pr-main .label-wrap {
    width: 100%;
	display: flex;
    justify-content: space-between;
}

.pr-main .label-text {
	padding-top: 14px;
    height: 40px;
    width: 100%;
    color: #adacac;
}

.pr-main .form {
	position: relative;
}

.pr-main .form .form-submit {
	display: flex;
	position: relative;
	justify-content: space-between;
	margin: 25px 0px;
}

.pr-main .form .resend-code {
    font-size: 13px;
    color: #338bd9;
    text-decoration: underline;
    transition: all .3s linear;
    cursor: pointer;
	line-height: 40px;
}

.pr-main .form .resend-code:focus,
.pr-main .form .resend-code:hover {
    text-decoration: none
}

.pr-main .form .form-group {
    position: relative;
    max-width: 100%;
    min-height: 64px;
    margin-top: 10px;
}

.pr-main .form .form-group .dialog-hint {
	padding-left: 0px;
}

.pr-main .form .form-flex {
    position: relative;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 30px 0px;
    align-items: center;
}

.pr-main .form .form-group .ui-selectmenu-button.ui-button {
    width: 100%
}

.pr-main .form .form-group .ui-selectmenu-text.placeholder {
    color: #adacac
}

.pr-main .form .description {
    font-size: 11px;
    color: #2c4158;
    font-style: italic;
    margin-bottom: 10px;
}

.pr-main__title {
    display: -ms-flexbox;
    display: flex;
    margin: 0px 0px 20px 0px;
    height: 40px;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
}

.pr-main__title .dialog-hint {
	font-size: 16px;
    font-family: GothamProMedium;
    line-height: 1.25;
    color: #424242;
    padding: 0px;
}

.pr-main .form__descr {
    color: #adacac;
    font-size: 13px;
    line-height: 1.54;
    margin-top: 15px;
    display: block
}
.pr-main .form .radio-inner {
    max-width: 514px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pr-main .form .radio-wrap {
    width: 50%
}

.pr-main .form .radio-wrap .default-radio {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pr-main .form .radio-wrap:not(:last-of-type) {
    margin-bottom: 25px
}

.pr-main .form label.default-checkbox {
	margin-top: 10px;
}


.pr-main .form .form-group-r {
    margin-top: 35px
}

.pr-main .form .form-group-r .form__label-text {
    padding-top: 3px
}

.pr-main .form .form-group-rm {
    margin-top: 10px
}

.pr-main .btn, .pr-main .btn-w, .pr-main .btn-i {
    margin-left: auto;
    min-width: 175px;
    width: 100%;
    padding: 0px 15px;
}

.pr-main.pr-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: normal;
    padding: 25px 0px;
}


.pr-main.pr-form .column {
    width: 45%;
    margin: 25px 10px;
    height: auto;
    min-width: 400px;
    width: calc(50% - 40px);
}

.pr-main.pr-form .form {
    max-width: 450px;
    width: 100%;
    margin: 0px auto;
    padding: 25px;
    border-radius: 3px;
}



.aside {
    width: 100%;
    background-color: #fff;
    box-shadow: -1px 2px 1px 0 rgba(0, 0, 0, .12);
	margin-bottom: 15px;
}

.aside__list {
    width: 100%;
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e5dfdf;
    padding: 0px 40px 0px 0px;
}


.aside__list li a {
	border: none;
}
.aside__list li a {
	border: none;
}
.aside__item {
	padding: 0px;
    list-style-type: none;
    cursor: pointer;
}

.aside__header {
    padding: 10px 25px 15px 25px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}

.aside__buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    height: 60px;
}
.aside__buttons > a,
.aside__buttons > button {
    margin: 0px 25px 0px 0px;
    width: auto;
    padding: 0px 20px;
}

.aside__submenu {
    display: none;
    position: absolute;
    left: -400px;
    width: 400px;
    background: white;
    top: 0px;
    border: 1px solid #e5dfdf;
}
.aside__submenu > div:empty {
	height: 50px!important;
}
.aside__submenu > div:empty:after {
	left: calc(50% - 100px)!important;
    line-height: 45px!important;
}
.aside__readmore {
	display: block;
    text-align: right;
    padding: 10px 15px 5px 15px;
    font-weight: bold;
}

.aside__item:hover > .aside__submenu,
.aside__item:focus > .aside__submenu,
.aside__item:active > .aside__submenu {
	display: block;
}

.aside__notice {
	display: block;
    padding: 5px;
    border-bottom: 1px solid #e5dfdf;
}

.aside__notice > div {
	display: flex;
	justify-content: space-between;
}
.aside__notice > div > a {
	display: block;
    padding: 5px 10px 5px 10px;
    font-weight: normal;
    font-family: Arial, sans-serif;
    font-size: 14px;
    width: 100%;
    color: #a8aeb4;
}
.aside__notice > div > a:hover {
	background: #e8ecee;
    color: #338bd9;
}

.aside__notice .mark-time {
    font-size: 11px;
    color: #f28f47;
    font-weight: normal;
    padding: 5px 10px 5px 0px;
    text-align: right;
}

.aside__notice .mark-read {
	font-size: 11px;
    color: #61bb8f;
    font-weight: normal;
    padding: 5px 0px 5px 10px;
    text-align: right;
    cursor: pointer;
    display: none;
}
.aside__notice .mark-read:hover {
	color: #f28f47;
}

.aside__notice .mark-blank {
    display: block;
}

.aside__notice[data-new="1"] > div > a {
	font-weight: bold;
	color: #338bd9;
}
.aside__notice[data-new="1"] .mark-read {
	display: block;
}
.aside__notice[data-new="1"] .mark-blank {
	display: none;
}


.aside__item .aside__faq:before {
    background-image: url(/ico-faq-grey.svg);
}
.aside__item.active .aside__faq:before,
.aside__item .aside__faq:hover:before {
    background-image: url(/ico-faq-blue.svg)
}

.aside__item .aside__feed:before {
    background-image: url(/ico-feed-grey.svg);
}
.aside__item.active .aside__feed:before,
.aside__item .aside__feed:hover:before {
    background-image: url(/ico-feed-blue.svg)
}

.aside__item .aside__notices:before {
    background-image: url(/notification-grey.svg);
}
.aside__item.active .aside__notices:before,
.aside__item .aside__notices:hover:before {
    background-image: url(/notification-blue.svg)
}

.aside__item .aside__profile:before {
    background-image: url(/profile.svg);
}
.aside__item.active .aside__profile:before,
.aside__item .aside__profile:hover:before {
    background-image: url(/profile-blue.svg)
}

.aside__item .aside__mailbox:before {
	background-image: url(/email.svg);
}
.aside__item.active .aside__mailbox:before,
.aside__item .aside__mailbox:hover:before {
    background-image: url(/email-blue.svg);
}

.aside__item .aside__events:before {
    background-image: url(/calendar.svg);
}
.aside__item.active .aside__events:before,
.aside__item .aside__events:hover:before {
    background-image: url(/calendar-blue.svg)
}

.aside__item .aside__permits:before {
    background-image: url(/login.svg);
}
.aside__item.active .aside__permits:before,
.aside__item .aside__permits:hover:before {
    background-image: url(/login-blue.svg)
}

.aside__item .aside__sessions:before {
    background-image: url(/sign-in.svg);
}
.aside__item.active .aside__sessions:before,
.aside__item .aside__sessions:hover:before {
    background-image: url(/sign-in-blue.svg)
}

.aside__item .aside__withdraw:before {
    background-image: url(/trash.svg);
}
.aside__item.active .aside__withdraw:before,
.aside__item .aside__withdraw:hover:before {
    background-image: url(/trash-blue.svg)
}

.aside__item .aside__payment:before {
    background-image: url(/payment.svg);
}
.aside__item.active .aside__payment:before,
.aside__item .aside__payment:hover:before {
    background-image: url(/payment-blue.svg)
}

.aside__item .aside__upgrade:before {
    background-image: url(/upgrade.svg);
}
.aside__item.active .aside__upgrade:before,
.aside__item .aside__upgrade:hover:before {
    background-image: url(/upgrade-blue.svg)
}

.aside__item .aside__signout:before {
    background-image: url(/logout.svg);
	margin-left: -2px;
}
.aside__item.active .aside__signout:before,
.aside__item .aside__signout:hover:before {
    background-image: url(/logout-blue.svg)
}

.aside__item .aside__api:before {
    background-image: url(/api.svg);
	margin-left: -2px;
}
.aside__item.active .aside__api:before,
.aside__item .aside__api:hover:before {
    background-image: url(/api-blue.svg)
}

.aside__item .aside__telegram:before {
    background-image: url(/tg.svg);
	margin-left: -2px;
}
.aside__item.active .aside__telegram:before,
.aside__item .aside__telegram:hover:before {
    background-image: url(/tg-blue.svg)
}

.aside__item.active .aside__item-link {
    color: #338bd9;
    font-family: GothamProBold;
    background: #d4dfea;
}


.aside__item .aside__domains:before {
	background-image: url(/domains.svg);
}
.aside__item.active .aside__domains:before,
.aside__item .aside__domains:hover:before {
    background-image: url(/domains-blue.svg);
}

.aside__item .aside__billing:before {
	background-image: url(/billing.svg);
}
.aside__item.active .aside__billing:before,
.aside__item .aside__billing:hover:before {
    background-image: url(/billing-blue.svg);
}

.aside__item-link {
	font-size: 14px;
    font-family: GothamProRegular;
    border-top: 1px solid #e5dfdf;
    height: 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    /*color: #929da9;*/
    padding: 0px 20px;
    position: relative;
    transition: all .3s linear;
}

.aside__item-link:hover {
    color: #338bd9;
	background: #e8ecee;
}

.aside__item-link:before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .3s linear;
    width: 24px;
    height: 24px;
    margin-right: 15px;
}


#add-domain .domain {
	display: none;
}
#add-domain .domain.is-active {
	display: block;
}

#create-link [data-stage="1"] {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}


#ips-transfer .transfer {
	display: none;
}
#ips-transfer .transfer.is-active {
	display: block;
}
#ips-transfer form {
	display: flex;
}
#ips-transfer .form-edit-link__double {
    margin-left: 25px;
    width: calc(100% - 275px);
}

.dialog {
	display: none;
}

#create-link form {
	min-height: 104px;
}

.dialog .dialog-msg {
	padding: 20px;
    font-size: 13px;
    color: #2c4158;
    text-align: left;
}

.dialog .dialog-msg p {
	padding: 5px 0px;
    font-size: 13px;
    text-align: left;
	font-family: GothamProRegular;
}
.dialog .dialog-msg p i {
    color: #338bd9;
}

#confirm-remove .dialog-msg {
	display: none;
}

.dialog .dialog-overflow {
    height: 300px;
    display: block;
    overflow: auto;
    margin: 10px 20px;
    border-top: 1px solid #cfd3d5;
    border-bottom: 1px solid #cfd3d5;
    border-left: 1px solid #cfd3d5;
    padding: 0px;
}
.dialog .dialog-overflow input.informer {
    width: 50px;
    margin-left: 10px;
    height: 25px;
    border: 0px;
    text-align: center;
    padding: 0px;
}
.dialog .dialog-overflow .dialog-content {
	padding: 10px 10px;
}

.dialog .dialog-content,
.dialog .dialog-body {
    padding: 10px 20px;
    position: relative;
    width: 100%;
    transition: all .3s linear;
}

.dialog .dialog-content .ui-selectmenu-button {
	width: 100%;
}

/*заголовки */

.dialog-hint {
	font-size: 13px;
    color: #adacac;
    display: flex;
    align-items: center;
    height: 24px;
    font-family: GothamProMedium;
	padding-left: 5px;
	user-select: none;
}
.dialog-hint > span.required:before {
	content: '*';
    font-size: 15px;
    color: #ff3030;
    padding-left: 3px;
}

.dialog-hint-wrap {
    background-image: url(/info.svg);
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    cursor: help;
    width: 16px;
    height: 16px;
    padding-left: 16px;
    border-radius: 16px;
    margin-left: 5px;
    margin-top: 2px;
}
.dialog-hint-wrap > span {
	display: none;
}
.dialog-hint-window {
    position: absolute;
    font-family: GothamProRegular;
    left: 0px;
    top: 0px;
    width: 300px;
    padding: 12px;
    color: #2C4158;
    font-size: 11px;
    line-height: 18px;
    border-radius: 3px;
    box-shadow: 1px 2px 4px 0px #338bd9;
    background-color: #fff;
    border: 1px solid #338bd9;
    z-index: 150000;
    display: none;
}

.dialog-hint-window a {
	color: #338bd9;
    border-bottom: 1px solid transparent;
    transition: all .3s linear;
}
.dialog-hint-window a:hover {
    border-bottom: 1px solid #338bd9;
}

/*utm */

#create-utm .dialog-double {
    padding: 0px 20px;
}

.predefined-utm {
    display: flex;
    padding: 10px 0px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.predefined-utm > label {
	width: auto
}

.utm-builder {
	position: relative;
	width: 100%;
}
.utm-builder textarea {
    height: 40px;
    padding: 10px 30px 0px 30px;
    transition: none;
    overflow: hidden;
    line-height: 20px;
    font-size: 13px;
}
.utm-builder .utm-probe {
	position: absolute;
    left: -200px;
    top: -200px;
    visibility: hidden;
    z-index: 0;
}
.utm-builder img {
	position: absolute;
    left: 10px;
    top: 15px;
    border-radius: 24px;
}
.utm-builder[data-utm="1"] span {
	opacity: 0;
}
.utm-builder[data-utm="1"] input {
    padding-right: 20px;
    padding-left: 20px;
}
.utm-builder span {
    position: absolute;
    right: 1px;
    top: 11px;
    padding: 6px 30px 5px 10px;
    text-align: center;
    color: #338BD9;
    font-size: 12px;
    cursor: pointer;
    user-select: none;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 42px center;
    background-image: url(/settings-grey.svg);
    transition: all .3s linear;
}
.utm-builder span:hover {
	color: #f38939;
	background-image: url(/settings-blue.svg);
}

.dialog .dialog-content.disabled:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    right: 0px;
    bottom: 5px;
    z-index: 2;
    background: rgba(232, 232, 232, 0.5);
}

.dialog .dialog-header,
.dialog .dialog-footer,
.dialog .dialog-double,
.dialog .dialog-button {
	padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: all .3s linear;
}
.dialog .dialog-double > div {
	padding: 0px;
	width: 100%;
}
.dialog .dialog-double > div:first-child {
	padding-right: 20px;
}
.dialog .dialog-footer {
	padding: 20px;
}

.dialog .dialog-button button {
	width: 100%;
}

#create-link .dialog-double > div:first-child,
#rename-alias .dialog-double > div:first-child {
	padding-right: 5px;
	width: 40%;
}
#create-link .dialog-double > div:last-child,
#rename-alias .dialog-double > div:last-child {
	width: 60%;
}


.ui-widget li[data-buy] div {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 8px 5px 30px;
    position: relative;
    color: #595D66;
    font-size: 12px;
}
.ui-widget li[data-buy] div:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 10px;
    width: 12px;
    height: 12px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.ui-widget li[data-buy] div.ui-state-selected:before {
    background-image: url(/check-blue.svg);
}
.ui-widget li.ui-state-upgrade div:before {
    background-image: url(/ico-lock.png);
}
.ui-widget li.ui-state-upgrade div:after {
	content: 'upgrade';
    position: absolute;
    top: 3px;
    right: 5px;
    padding: 2px 5px;
    font-size: 12px;
    color: white;
    background: #f38939;
    border-radius: 3px;
}




.selectize-dropdown.custom div[data-buy="0"] {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 8px 5px 30px;
    position: relative;
    color: #595D66;
    font-size: 12px;
}
.selectize-dropdown.custom div[data-buy="0"].selected:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 12px;
    width: 12px;
    height: 12px;
    background: url(/check-blue.svg) no-repeat center;
    background-size: contain;
}

.selectize-dropdown.custom div[data-buy="1"],
.selectize-dropdown.custom div[data-buy="2"],
.ui-widget li[data-buy="1"] div,
.ui-widget li[data-buy="2"] div {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 8px 5px 30px;
    position: relative;
    color: #595D66;
    font-size: 12px;
}

.selectize-dropdown.custom div[data-buy="1"]:after,
.selectize-dropdown.custom div[data-buy="2"]:after {
	content: 'upgrade';
	position: absolute;
    top: 5px;
    right: 10px;
    padding: 0px 5px;
    font-size: 11px;
    color: white;
	background:#f38939;
    border-radius: 3px;
}

.selectize-dropdown.custom div[data-buy="1"]:before,
.selectize-dropdown.custom div[data-buy="2"]:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 10px;
    width: 12px;
    height: 12px;
    background: url(/ico-lock.png) no-repeat center;
    background-size: contain;
}

.selectize-dropdown.custom .optgroup-header {
    font-weight: bold;
    padding-left: 10px;
    padding-top: 0px;
    color: #B3BACA;
    font-size: 10px;
    line-height: 20px;
    font-weight: normal;
}

.selectize-dropdown.custom .domain-manage {
    color: #338BD9;
    position: relative;
    padding-left: 30px;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    font-family: GothamProMedium;
    display: block;
    background: white;
    border: 1px solid #d0d0d0;
}
.selectize-dropdown.custom .domain-manage:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 10px;
    width: 14px;
    height: 14px;
    background: url(/plus-blue.svg) no-repeat center;
    border-radius: 14px;
    background-size: 12px;
    border: 1px solid #338BD9;

}

.dialog p.label-error {
    position: absolute;
    top: 20px;
    left: 23px;
    z-index: 10;
}


#listoflinks .links {
	width: 100%;
	min-height: 260px;
    display: block;
    padding: 0px 20px;
}
#listoflinks .links > label {
	width: 100%;
    margin: 0px;
    padding: 0px;
}
#listoflinks .links > label {
    border-bottom: 1px solid #e8e8e8;
}
#listoflinks .links .counter-checkbox {
    width: 15px;
    font-size: 8px;
    text-align: center;
    padding-top: 1px;
}
#listoflinks .links .custom-checkbox {
	margin: 0px 10px;
}
#listoflinks .links .label-checkbox {
    width: calc(100% - 45px);
    display: table;
	margin: 0px;
}
#listoflinks .links .label-checkbox > div {
    padding: 5px 10px;
    white-space: nowrap;
    position: relative;
    display: table-cell;
    min-width: 200px;
}
#listoflinks .links .label-checkbox > div span {
    left: 0px;
    right: 10px;
    position: absolute;
    text-overflow: ellipsis;
    overflow: hidden;
}
#listoflinks .links .label-checkbox > div:last-child {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
}

#listoflinks .links input:checked~.label-checkbox,
#listoflinks .links input:checked~.custom-checkbox {
    color: #338bd9;
}

#listoflinks .dialog-iheader {
    width: 100%;
    display: table;
	margin: 0px;
	height: 40px;
	padding: 0px 20px;
}
#listoflinks .dialog-iheader > div {
    padding: 12px 10px;
    white-space: nowrap;
    display: table-cell;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    min-width: 200px;
}
#listoflinks .dialog-iheader > div:last-child {
    min-width: 140px;
    max-width: 140px;
    width: 140px;
    padding-left: 25px;
}
#listoflinks .filter-display-pages {
	margin: 0px;
}
#listoflinks .filter-display-pages span {
	display: none;
}
#listoflinks .dialog-header > div {
    display: flex;
    width: 100%;
    padding-right: 10px;
}
#listoflinks .dialog-header .daterange {
    margin-right: 10px;
}

/* FAQ */

body.white .questions {
	box-shadow: -1px 2px 1px 0 rgba(0, 0, 0, .12);
	border-top: 1px solid #f0f3f9;
    border-right: 1px solid #f0f3f9;
}

.questions {
	margin: auto;
	max-width: 1280px;
	color: #424242;
    font-size: 15px;
    line-height: 24px;
}
.article .questions {
    padding: 30px 50px 50px 50px;
    margin-top: 30px;
}
.article .breadcrumbs {
	margin: auto;
    max-width: 1280px;
    padding-left: 10px;
}
.questions p:empty:after {
    content: ' ';
    display: block;
    line-height: 16px;
    width: 100%;
    height: 16px;
}

.questions .top-block {
	margin: 5px 0px 24px 0px;
}
.questions div, .questions p {
	line-height: 160%;
}
.questions div:empty,.questions p:empty {
    min-height: 10px;
}

.questions H1 {
	font-family: GothamProBold;
	font-size: 24px;
	line-height: 24px;
	color: #424242;
	margin: 0px 0px 24px 0px;
}
.questions H2 {
	font-family: GothamProBold;
	font-size: 20px;
	line-height: 20px;
	color: #424242;
	margin: 48px 0px 24px 0px;
}

.questions H3 {
	font-family: GothamProBold;
	font-size: 18px;
	line-height: 25px;
	margin: 36px 0px 18px 0px;
}

.questions H4 {
	font-family: GothamProBold;
	font-size: 16px;
	line-height: 25px;
	margin: 24px 0px 12px 0px;
	background-image: url(/ui/rectangle.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 32px;
}

.questions a {
    color: #338bd9;
    border-bottom: 1px solid;
    transition: all .3s linear;
}
.questions a:hover {
    border-color: hsla(0, 0%, 100%, 0);
}

.questions ul {
	counter-reset:  ul;
	list-style-type: none;
}
.questions ul > li {
	font-weight: normal;
	list-style-type: none;
}
.questions ul > li:before {
	counter-increment: ul;
	content: counter(ul) ". ";
	font-weight: bold;
	padding-right: 8px;
}
.questions ol {
	counter-reset:  ol;
	list-style-type: none;
}
.questions ol > li:before {
	counter-increment: ol;
	content: counter(ol, lower-alpha) ". ";
	font-weight: bold;
	padding-right: 8px;
}
.questions ol > li {
	font-weight: normal;
	list-style-type: none;
}

.questions blockquote {
    background-image: url(/ui/quote.svg);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 14px 10px 10px 68px;
    font-family: GothamProMedium;
    font-size: 15px;
    line-height: 24px;
    margin: 0px;
}

.questions blockquote.blue {
    background-image: url(/ui/quote-blue.svg);
    background-repeat: repeat-y;
    background-size: cover;
}

.questions blockquote.orange {
    background-image: url(/ui/quote-orange.svg);
    background-repeat: repeat-y;
    background-size: cover;
}

.questions-header {
    display: flex;
    justify-content: space-between;
    padding: 15px 20px 15px 20px;
    margin-bottom: 25px;
    align-items: center;
}


.questions-header h2 {
    white-space: nowrap;
}

.questions-header .search-box {
    min-width: 400px;
    margin-left: 95px;
}

.questions-header button.btn {
	min-width: 160px;
	display: none;
}

.questions-tabs-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.questions-tabs {
    display: -ms-flexbox;
    display: flex;
}
.questions-tabs > label:not(:last-child) {
    margin-right: 5px;
}

body.white .questions-tabs > label {
	background-color: #e8ecee;
}

.questions-tabs > label span {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    height: 50px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: hsla(0,0%,100%,.7);
    cursor: pointer;
    font-size: 12px;
    font-family: GothamProRegular;
    color: hsla(0,0%,51%,.5);
}
.questions-tabs > label > input{
	display: none;
}
.questions-tabs > label > input:checked + span {
    background-color: #338bd9;
    color: #424242;
    font-size: 12px;
    font-family: GothamProMedium;
}

body.white #questions-content {
	border-top: 1px solid #f0f3f9;
    border-right: 1px solid #f0f3f9;
    box-shadow: -1px 2px 1px 0 rgba(0, 0, 0, .12);
}

#questions-content {
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 15px;
}
#questions-content:empty:before {
	content: attr(data-placeholder);
    color: #131313;
    font-size: inherit;
    display: block;
    width: 100%;
    text-align: center;
    margin: 25px;
}
.questions__item {
    border: 1px solid #eaeaea;
    height: 330px;
    width: calc(100%/3 - 16px);
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 35px 32px 30px;
    margin-bottom: 20px;
    margin-left: 8px;
    margin-right: 8px;
    display: none;
}
.questions__item--long {
	border: 1px solid #eaeaea;
    height: 330px;
    width: calc(100%/3*2 - 16px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-left: 8px;
    margin-right: 8px;
    padding: 0px;
    display: none;
}
.questions__item.active,
.questions__item--long.active {
	display: -ms-flexbox;
    display: flex;
}
.questions__show-more {
	background: #fff;
    width: 100%;
	padding: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
	box-shadow: -1px 2px 1px 0 rgba(0, 0, 0, .12);
}
.questions__item .img-wrapper {
    display: none;
}
.questions__item--long .img-wrapper {
    width: 367px;
    height: 329px;
}

.question__item-wrap {
	height: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
}

.questions__item--long .question__item-wrap {
    padding: 30px 35px 32px 30px;
    font-size: 13px;
    border: none;
    -ms-flex: 1;
    flex: 1;

}

.questions__title {
    line-height: 20px;
    margin-bottom: 3px;
}
.questions__tag {
    color: #adacac;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;
}
.questions__text {
    height: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #42556a;
	display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    line-height: 20px;
}
.questions__text a {
	color: #338bd9;
	border-bottom: 1px solid transparent;
	transition: all .3s linear;
}
.questions__text a:hover {
    border-bottom: 1px solid #338bd9;
}

.questions__more {
    font-size: 13px;
    display: inline-block;
    color: #338bd9;
    position: relative;
    border-bottom: 1px solid #338bd9;
    -ms-flex-item-align: start;
    align-self: flex-start;
    transition: all .3s linear;
}
.questions__more:hover {
    border-color: hsla(0,0%,100%,0);
}


/*image refresh */

img.image-replace,
div.image-replace {
	opacity: 0.2;
}

/*templates */

.templates-container {
	width: 100%;
	margin: 0px auto;
    display: flex;
    position: relative;
}
.templates-container .block-create-comp {
    display: none;
    left: calc(50% - 200px + 83px);
    top: 20px;
}
.templates-categories {
	width: 165px;
	min-width: 165px;
    margin: 0 25px;
    position: relative;
}
.templates-categories .btn {
	position: absolute;
	bottom: 10px;
	width: 100%;
}
.templates-list {
	width: 780px;
    height: 430px;
    overflow-y: scroll;
    margin: 5px 0px 5px 0px;
}

.box-list-tpl {
    float: left;
    width: 1055px;
    width: calc(100% - 225px);
    height: 430px;
    overflow-y: scroll;
    padding-right: 10px;
}
.list-tpl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px 0px;
    justify-content: space-around;
}
.list-tpl.empty:after {
	content: attr(data-empty);
    color: #f38c3e;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 100px;
}

.tpl-item {
	display: none;
    width: 245px;
    height: 200px;
    border-radius: 3px;
    outline: 1px solid #d8dadb;
    position: relative;
    margin-top: 1px;
    margin-right: 6px;
    margin-left: 6px;
    margin-bottom: 20px;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s linear;
    background-color: white;
}
.tpl-item.is-active {
    display: block;
}

.tpl-item[data-type="system"] button[data-try="clone"] {
	display: none;
}

.tpl-item span[data-type=refresh] {
	cursor: pointer;
	position: absolute;
    right: 5px;
    top: 3px;
    width: 18px;
    height: 18px;
    background-image: url(/refresh.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 2;
    display: none;
}
.tpl-item span[data-type=refresh]:hover {
	transform: rotate(180deg);
}

.tpl-item > div[data-preview] {
	width: 100%;
    height: 151px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.tpl-item > div.name {
    display: block;
    height: 25px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    font-family: GothamProMedium;
    white-space: nowrap;
    padding: 5px 5px;
    border-top: 1px solid #d8dadb;
}

.tpl-item > div.date {
    display: block;
    height: 25px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    font-family: GothamProRegular;
    white-space: nowrap;
    padding: 7px 0px;
    border-bottom: 1px solid #d8dadb;
    color: #338bd9;
}

.tpl-item .ips-try {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    padding: 0px 10px;
    top: 40px;
}
.tpl-item:hover .ips-try {
    display: block;
}
.tpl-item .ips-try button,
.tpl-item .ips-try a {
    width: 100%;
    margin-bottom: 5px;
}

.tpl-item .ips-open {
    display: flex;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    color: #f38a3b;
    background: #f2f9ff;
    opacity: 0;
    visibility: hidden;
    user-select: none;
}
.tpl-item:hover .ips-open {
	opacity: 0.75;
    visibility: visible;
}

.tab-list-tpl {
    position: relative;
}
.wrap-list-tpl {
    overflow: hidden;
    width: 100%;
    height: 452px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0 12px;
    background: #F3F3F3;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    z-index: 20;
    display: none;
}
.box-list-categories-tpl {
    float: left;
    width: 165px;
    margin: 0 25px;
}
.title-list-categories {
    margin: 12px 0 22px;
    line-height: 18px;
    font-family: "GothamProMedium", sans-serif;
    font-size: 14px;
    color: #2C4158;
}
.list-categories-tpl {
    margin: 0;
    padding: 0;
    list-style: none;
}
.list-categories-tpl li {
    padding: 10px 0;
    border-top: 1px solid #DCDFE1;
    list-style-type: none;
}
.list-categories-tpl li:last-child {
    border-bottom: 1px solid #DCDFE1;
}
.list-categories-tpl a {
    display: block;
    line-height: 20px;
    font-size: 13px;
    color: #424242;
    text-decoration: none;
    cursor: pointer;
}
.list-categories-tpl .active {
    font-family: GothamProMedium;
    color: #f38939!important;
}


#estimate {
	color: #C0C0C0;
	font-size: 10px;
}
#estimate:before {
	content: attr(data-hint) ":";
	padding-right: 2px;
}
#estimate:after {
	content: attr(data-estimate);
}

.hidden {
    display: none;
}

#credential_picker_container {
    top: 100px!important;
}


.page-wrapper h1 {
    text-align: center;
    margin: 35px auto;
    color: #424242;
    font-size: 46px;
    font-weight: 700;
    line-height: 54px;
}
.pretext {
    text-align: justify;
    color: #424242;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    max-width: 800px;
    margin: 0px auto 50px auto;
}
.pretext.medium {
	max-width: 600px;
}
div[data-stage] {
    position: relative;
}
div[data-stage] [data-switch] {
    opacity: 0;
    z-index: -1;
    transition: .3s ease-out;
    position: absolute;
    top: 0;
}
div[data-stage="1"] [data-switch="1"], div[data-stage="2"] [data-switch="2"], div[data-stage="3"] [data-switch="3"], div[data-stage="4"] [data-switch="4"], div[data-stage="5"] [data-switch="5"] {
    opacity: 1;
    z-index: 2;
    position: relative;
}
.small-form {
    max-width: 400px;
    width: 100%;
    margin: 0 auto 50px auto;
}
.small-form.medium {
    max-width: 600px;
}
.page-wrapper a {
    color: #338bd9;
    text-decoration: none;
    cursor: pointer;
    font-family: 'GothamProMedium';
}
.page-wrapper a:hover {
    color: #1b1b1b;
}
.small-form-section {
    border-top: 1px dashed #cfd3d5;
    padding: 15px 0px;
}
.small-form-radio {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 50%;
}
.small-form-section:before {
    content: attr(title);
    font-size: 16px;
    margin-bottom: 3px;
    color: #5a6468;
    text-align: center;
    display: block;
}
.small-form-row, .small-form-row-half {
    margin: 24px auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.small-form-row:before, .small-form-additional:before {
    content: attr(title);
    font-size: 12px;
    margin-bottom: 3px;
    color: #5a6468;
    display: flex;
    align-items: center;
}
.small-form-row:not(.small-form-alone):before {
    max-width: 50%;
    max-width: calc(50% - 10px);
}
.small-form-row[data-required]:before,
.small-form-additional[data-required]:before {
    background-image: url(/dot.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 6px;
    padding-right: 10px;
}

.small-form-row input {
    width: 100%;
    height: 45px;
    font-size: 14px;
}

.small-form-row .ui-selectmenu-button.ui-button {
	width: 50%;
}

.small-form-additional {
    display: none;
    transition: 0.3s auto;
}
.small-form-additional[data-active="1"] {
    display: block;
}

.small-form-buttons button {
    width: 100%;
    height: 45px;
    font-size: 18px;
}
.block-form-inner {
    margin-bottom: 150px;
}
.small-form-title, .message-title {
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    letter-spacing: .1px;
    color: #424242;
}
.small-form-hint, .message-hint {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #424242;
    margin-top: 20px;
}
.small-form-text, .message-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-top: 20px;
}
div[data-stage] span[data-index] {
    font-size: 13px;
    color: #338bd9;
    text-decoration: none;
    cursor: pointer;
    display: block;
    margin: 20px auto 0;
    text-align: center;
}
div[data-stage] span[data-index]:hover {
    color: #2b292d;
}

.loader {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    background: rgba(255, 255, 255, 0.6);
    z-index: 25;
    box-shadow: -1px 2px 1px 0 rgba(0, 0, 0, .12);
    border-radius: 3px;
}
.loader.hide {
	display: none;
}

.loader > span {
	border: 7px solid transparent;
    border-bottom-color: #338bd9;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased !important;
    position: absolute !important;
    top: calc(35% + 19px);
	left: calc(50% - 27px);
    margin: 0 auto;
    text-align: center;
    pointer-events: none;
    -webkit-animation: rotating 1s infinite linear;
    -khtml-animation: rotating 1s infinite linear;
    -moz-animation: rotating 1s infinite linear;
    -ms-animation: rotating 1s infinite linear;
    -o-animation: rotating 1s infinite linear;
    animation: rotating 1s infinite linear;
	z-index: 11;
}
.loader[data-stage="2"] > span {
	border-left-color: #338bd9;
	border-right-color: #338bd9;
}

.loader > p {
    width: 250px;
    line-height: 25px;
    position: absolute !important;
    top: calc(35% + 80px);
    left: calc(50% - 125px);
    margin: 0 auto;
    text-align: center;
    z-index: 12;
    font-family: GothamProMedium;
    font-size: 16px;
}

.loader::before, .loader::after {
    content: ' ';
    width: 148px;
    height: 46px;
    position: absolute;
    top: 35%;
    left: calc(50% - 74px);
    background-repeat: no-repeat;
    background-position: center;
}
.loader::after {
	background-image: url('/loader.png');
	z-index: 10;
}
.loader::before {
	background-image: url('/loader-base.png');
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform:translate3d(-50%,-50%,0) rotate(0);
        -khtml-transform:translate3d(-50%,-50%,0) rotate(0);
        -moz-transform:translate3d(-50%,-50%,0) rotate(0);
        -ms-transform:translate3d(-50%,-50%,0) rotate(0);
        -o-transform:translate3d(-50%,-50%,0) rotate(0);
        transform:translate3d(-50%,-50%,0) rotate(0);
    }
    100% {
        -webkit-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -khtml-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -moz-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -ms-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -o-transform:translate3d(-50%,-50%,0) rotate(360deg);
        transform:translate3d(-50%,-50%,0) rotate(360deg);
    }
}
@-moz-keyframes rotating {
    0% {
        -webkit-transform:translate3d(-50%,-50%,0) rotate(0);
        -khtml-transform:translate3d(-50%,-50%,0) rotate(0);
        -moz-transform:translate3d(-50%,-50%,0) rotate(0);
        -ms-transform:translate3d(-50%,-50%,0) rotate(0);
        -o-transform:translate3d(-50%,-50%,0) rotate(0);
        transform:translate3d(-50%,-50%,0) rotate(0);
    }
    100% {
        -webkit-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -khtml-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -moz-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -ms-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -o-transform:translate3d(-50%,-50%,0) rotate(360deg);
        transform:translate3d(-50%,-50%,0) rotate(360deg);
    }
}
@-ms-keyframes rotating {
    0% {
        -webkit-transform:translate3d(-50%,-50%,0) rotate(0);
        -khtml-transform:translate3d(-50%,-50%,0) rotate(0);
        -moz-transform:translate3d(-50%,-50%,0) rotate(0);
        -ms-transform:translate3d(-50%,-50%,0) rotate(0);
        -o-transform:translate3d(-50%,-50%,0) rotate(0);
        transform:translate3d(-50%,-50%,0) rotate(0);
    }
    100% {
        -webkit-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -khtml-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -moz-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -ms-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -o-transform:translate3d(-50%,-50%,0) rotate(360deg);
        transform:translate3d(-50%,-50%,0) rotate(360deg);
    }
}
@-o-keyframes rotating {
    0% {
        -webkit-transform:translate3d(-50%,-50%,0) rotate(0);
        -khtml-transform:translate3d(-50%,-50%,0) rotate(0);
        -moz-transform:translate3d(-50%,-50%,0) rotate(0);
        -ms-transform:translate3d(-50%,-50%,0) rotate(0);
        -o-transform:translate3d(-50%,-50%,0) rotate(0);
        transform:translate3d(-50%,-50%,0) rotate(0);
    }
    100% {
        -webkit-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -khtml-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -moz-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -ms-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -o-transform:translate3d(-50%,-50%,0) rotate(360deg);
        transform:translate3d(-50%,-50%,0) rotate(360deg);
    }
}
@keyframes rotating {
    0% {
        -webkit-transform:translate3d(-50%,-50%,0) rotate(0);
        -khtml-transform:translate3d(-50%,-50%,0) rotate(0);
        -moz-transform:translate3d(-50%,-50%,0) rotate(0);
        -ms-transform:translate3d(-50%,-50%,0) rotate(0);
        -o-transform:translate3d(-50%,-50%,0) rotate(0);
        transform:translate3d(-50%,-50%,0) rotate(0);
    }
    100% {
        -webkit-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -khtml-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -moz-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -ms-transform:translate3d(-50%,-50%,0) rotate(360deg);
        -o-transform:translate3d(-50%,-50%,0) rotate(360deg);
        transform:translate3d(-50%,-50%,0) rotate(360deg);
    }
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}


@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

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

    #dashboard-links .linker .progressbar-click-link,
    #dashboard-campaigns .linker .progressbar-click-link {
    	display: flex;
    }

}

@media screen and (min-width:1588px) {
    .block-summary {
		font-size: 16px;
	}
}