.banners, .promo-texts {
    margin-top: 10px;
}

.banners li {
    margin-top: 10px;
    margin-bottom: 40px;
}

.promo-texts li {
    margin-top: 10px;
    margin-bottom: 40px;
}

.promo-texts li:last-child {
    margin-bottom: 0px;
}

.banners li img {
    margin-top: 15px;
}

.banners li textarea, .promo-texts li textarea {
    cursor: pointer;
    box-sizing: border-box;
    resize: none;
    width: 100%;
    background: #f0f1f3;
    padding: 15px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #616f7e;
    font-weight: 500;
    line-height: 23px;
}

.banners li textarea {
    margin-top: 15px;
}

.banners li div {
    margin-top: 15px;
    color: #494949;
    padding-right: 10px;
    font-size: 10.5pt;
}

.promo-texts li textarea {
    margin-top: 10px;
}

div.promo-wrapper {
    width: 875px;
    float: left;
    margin: 0 auto;
}

h2.promo-header {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 22px;
    color: #616f7e;
}

h3.promo-header {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 25px;
    font-weight: normal;
}

h2.promo-header-bold {
    font-size: 34px;
    font-weight: 600;
    color: #616f7e;
}

h3.promo-header-bold {
    font-size: 28px;
    font-weight: 600;
    color: #566473;
}

p.promo-description {
    margin: 20px 0 39px 0;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.9;
    color: #1f1f1f;
}

p.promo-metarials-description {
    color: #000;
    line-height: 30px;
    font-size: 16px;
    margin: 5px 0 30px 0;
}

div.promo-invite-block {
    color: #000;
    font-family: 'Open Sans', sans-serif;
}

/*div.promo-invite-block p {*/
/*line-height: 30px;*/
/*margin: 20px 0 25px 0;*/
/*font-size: 16px;*/
/*text-align: center;*/
/*}*/

.clear {
    clear: both;
}

div.input-with-button {
    position: relative;
}

div.input-with-button input {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #dfdfdf;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -ms-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    padding: 10px;
    height: 40px;
    color: #1f1f1f;
    font-family: 'Open Sans', sans-serif;
    line-height: 30px;
    font-size: 15px;
    width: 100%;
    max-width: 516px;
    float: left;
}

div.input-with-button button {
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    padding: 10px 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    top: 0;
    float: left;
    color: #fff;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    cursor: pointer;
    text-transform: uppercase;
}

div.input-with-button.grey.invalid-group button {
    border-left: 1px solid #47c9af;
}

div.input-with-button.invalid-group input {
    border: 1px solid #47c9af;
}

div.input-with-button.green button {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    width: 137px;
    height: 40px;
    background-color: #47c9af;
    cursor: pointer;
}

div.input-with-button.green button.zeroclipboard-is-hover {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #38a08c;
    cursor: pointer;
}

div.input-with-button.green button:hover {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #38a08c;
    cursor: pointer;

}

div.input-with-button.grey button {
    /*background: #cccccc;*/
    /*border-left: 1px solid #cccccc;*/
    /*padding: 10px 20px;*/
}

div.input-with-button.grey button:hover {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #b8b6b6;
}

div.promo-socials {
    position: relative;
    /*margin-top: 23px;*/
}

div.promo-socials a {
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    height: 37px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    width: 311px;
    text-transform: uppercase;
    display: inline-block;
}

div.promo-socials a span {
    vertical-align: middle;
    line-height: 37px;
}

div.promo-socials a.fb {
    left: 0;
    background: #3b5998;
    margin-right: 29px;
}

div.promo-socials a.fb:hover {
    background: #314d86;
}

div.promo-socials a.fb:before {
    vertical-align: middle;
    line-height: 37px;
    position: relative;
    margin-right: 10px;
    content: "\e602";
    color: #fff;
    font: 15px icomoon;
    z-index: 99999;
}

div.promo-socials a.tw {
    right: 0;
    background: #45b5f1;
}

div.promo-socials a.tw:hover {
    background: #41a9e0;
}

div.promo-socials a.tw:before {
    vertical-align: middle;
    line-height: 37px;
    position: relative;
    margin-right: 10px;
    content: "\e606";
    color: #fff;
    font: 15px icomoon;
}

span.promo-advertise-choose {
    color: #9a9a9a;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    width: 100%;
    display: block;
    padding: 25px 0;
}

h2.refferals {
    margin: 40px 0 30px 0;
}

h2.promo-materials {
    margin: 40px 0 10px 0;
}

.refferals-table {
    width: 100%;
    border-collapse: collapse;
    box-sizing: content-box;
    margin-top: 33px;
}

.refferals-table thead tr > th {
    border-bottom: 2px solid rgba(0, 0, 0, 0.3);
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #566473;
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    padding: 25px 11px 11px 11px;
}

.refferals-table tbody td {
    border-bottom: 1px solid #e1e1e1;
    color: #494949;
    height: 50px;
    text-align: left;
    padding: 8px 11px;
    vertical-align: middle;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.refferals-table tbody tr td.g-total {
    font-size: 18px;
    font-weight: 500;
    background-color: rgba(71, 201, 174, 0.12);
    text-align: center;
}

.refferals-table tbody td.dashboard-total-text {
    text-align: right;
    border-bottom: none;
    font-size: 16px;
    padding-right: 21px;
    text-transform: uppercase;
}

.refferals-table tbody td.dashboard-stat-total {
    font-size: 14px;
    font-weight: bold;
    background: #f7f7f7;
    border-bottom: 1px solid #cccccc;
}

.promo-link {
    color: #007aad;
    border-bottom: 1px dashed #007aad;
    text-decoration: none;
}

.promo-materials-text {
    padding-bottom: 50px;
}

div.piggybank {
    background: url('/static/img/dashboard/piggybank.jpg');
    width: 100%;
    padding-bottom: 438px;
    margin: 45px 0 21px 0;
}

.g-total-left {
    border-left: solid 1px #47c9af;
    border-bottom: solid 1px #47c9af;
}

.g-left {
    border-left: solid 1px #47c9af;
}

.g-right {
    border-right: solid 1px #47c9af;
}

.g-top {
    border-top: solid 1px #47c9af;
}

.refferals-table tbody td.g-total-center {
    border-bottom: solid 1px #47c9af;
    background-color: rgba(71, 201, 174, 0.12);
}

.g-total-right {
    border-right: solid 1px #47c9af;
    border-bottom: solid 1px #47c9af;
}

.refferals-table thead th.t-align-right, .refferals-table tbody td.t-align-right {
    text-align: right;
}

.banners-group .banner-style {
    display: inline-block;
    width: 250px;
    height: 250px;
    background: url('/static/banners/set%201/250x250.jpg');
    float: left;
    margin-right: 75px;
}

.banners-group .banner-style.group-2 {
    background: url('/static/banners/set%202/250x250.jpg');
}

.banners-group .banner-style.group-3 {
    background: url('/static/banners/set%203/250x250.jpg');
}

.banners-group .banner-style.group-4 {
    background: url('/static/banners/set%204/250x250.jpg');
}

.banners-group .banner-style.group-5 {
    background: url('/static/banners/set%205/468x60_1.jpg');
    width: 468px;
    height: 60px;
}

.banners-group .banner-style.group-6 {
    background: url('/static/banners/set%205/468x60_2.jpg');
    width: 468px;
    height: 60px;
}

.banners-group .banner-style.group-7 {
    background: url('/static/banners/set%205/468x60_3.jpg');
    width: 468px;
    height: 60px;
}

.banners-group .banner-style.group-8 {
    background: url('/static/banners/set%205/468x60_4.jpg');
    width: 468px;
    height: 60px;
}

.banners-group .dimensions {
    display: inline-block;
    float: left;
}

.banners-group .dimensions ul {
    display: inline-block;
    float: left;
    min-width: 175px;
}

.banners-group .dimensions ul li {
    list-style-type: disc;
    color: #616f7e;
    line-height: 33px;
    padding-left: 5px;
}

.banners-group .dimensions ul li a {
    text-decoration: none;
    color: #616f7e;
    font-weight: bold;
}

.banners-group .dimensions ul li a:hover, .banners-group .dimensions ul li a.active {
    border-bottom: 1px solid #616f7e;
}

.banners-group .banner {
    margin-top: 35px;
}

.banners-group .banner .size {
    color: #616f7e;
    font-weight: bold;
}

.banners-group .banner textarea {
    cursor: pointer;
    box-sizing: border-box;
    resize: none;
    width: 100%;
    background: #f0f1f3;
    padding: 15px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #616f7e;
    font-weight: 500;
    line-height: 23px;
}

.banners-group .banner-actions, .text-actions {
    margin-top: 10px;
}

.banners-group .banner-actions a, .text-actions a {
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    height: 40px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    width: 145px;
    text-transform: uppercase;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    line-height: 40px;
    cursor: pointer;
}

.banner-actions a.copy, .text-actions a.copy {
    background-color: #47c9af;
    margin-right: 10px;
}

.banner-actions a.copy:hover, .text-actions a.copy:hover {
    background-color: #38a08c;
}

.banner-actions a.copy.zeroclipboard-is-hover, .text-actions a.copy.zeroclipboard-is-hover {
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background: #38a08c;
    cursor: pointer;
}

.banner-actions a.preview {
    color: #47c9af;
    border: 1px solid #47c9af;
}

.banner-actions a.preview:hover {
    background-color: #47c9af;
    color: #fff;
}

.top-charts-wrapper {
    width: 825px;
    margin: 0 30px 0 auto;
    float: left;
}

.top-charts > a {
    padding: 20px 20px 20px 5px;
    display: block;
    position: relative;
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}

.top-charts > a:hover {
    background: #f4f5f6;
}

.top-charts > a span.loop-counter {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 20px;
    text-align: right;
    width: 31px;
    font-size: 23px;
    color: #6b7988;
}

.top-charts .top-charts-image, .top-charts .top-charts-info, .top-charts .top-charts-installs, .top-charts .top-charts-order {
    display: inline-block;
    vertical-align: top;
}

.top-charts .top-charts-image {
    /*width: 125px;*/
    padding-left: 50px;
}

.top-charts .top-charts-info {
    padding-left: 15px;
    max-width: 635px;
    width: 635px;
    box-sizing: border-box;
    position: relative;
}

.top-charts .top-charts-order {
    font-weight: bold;
    max-width: 75px;
    width: 75px;
    text-align: center;
    box-sizing: border-box;
    font-size: 25px;
}
.top-charts > a:hover .top-charts-info span {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(244, 245, 246, 0)), color-stop(100%, rgba(244, 245, 246, 1)));
    background-image: -webkit-linear-gradient(left, rgba(244, 245, 246, 0), rgba(255, 255, 255, 1));
    background-image: -moz-gradient(linear, left top, right top, color-stop(0%, rgba(244, 245, 246, 0)), color-stop(100%, rgba(244, 245, 246, 1)));
    background-image: -moz-linear-gradient(left, rgba(244, 245, 246, 0), rgba(244, 245, 246, 1));
    background-image: -ms-gradient(linear, left top, right top, color-stop(0%, rgba(244, 245, 246, 0)), color-stop(100%, rgba(244, 245, 246, 1)));
    background-image: -ms-linear-gradient(left, rgba(244, 245, 246, 0), rgba(244, 245, 246, 1));
    background: linear-gradient(to right, rgba(244, 245, 246, 0), rgba(244, 245, 246, 1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00f4f5f6', EndColorStr='#f4f5f6');
}
.top-charts .top-charts-info span {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: -moz-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: -ms-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00ffffff', EndColorStr='#ffffff');
    top: 0;
    height: 38px;
    position: absolute;
    right: 150px;
    width: 85px;
    z-index: 10;
    /*transition: background-image 0.3s ease-in-out, background 0.3s ease-in-out, filter 0.3s ease-in-out;*/
    /*-moz-transition: background-image 0.3s ease-in-out, background 0.3s ease-in-out, filter 0.3s ease-in-out;*/
    /*-webkit-transition: background-image 0.3s ease-in-out, background 0.3s ease-in-out, filter 0.3s ease-in-out;*/
    /*-o-transition: background-image 0.3s ease-in-out, background 0.3s ease-in-out, filter 0.3s ease-in-out;*/
    /*-ms-transition: background-image 0.3s ease-in-out, background 0.3s ease-in-out, filter 0.3s ease-in-out;*/
}
.top-charts .top-charts-info h2, p {
    font-size: 15px;
    line-height: 1.67;
    color: #1f1f1f;
    display: block;
    font-family: 'Open Sans', sans-serif;
}

.top-charts .top-charts-info h2 {
    max-width: 470px;
    font-size: 23px;
    font-weight: 600;
    color: #6b7988;
    width: 470px;
    white-space: nowrap;
    overflow-x: hidden;
}

.top-charts .top-charts-info p {
    font-size: 15px;
}

.top-charts .top-charts-info p span {
    padding-top: 4px;
    display: inline-block;
    font-size: 13px;
}

.top-charts p.top-charts-installs {
    padding-left: 15px;
    width: 150px;
    box-sizing: border-box;
    opacity: 0.9;
    font-size: 23px;
    font-weight: 600;
    text-align: right;
    color: #6b7988;
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    vertical-align: top;
}

.top-charts p.top-charts-installs:after {
    margin-left: 7px;
    content: '';
    display: inline-block;
    background: url('/static/img/dashboard/mobile-ic.svg');
    width: 10px;
    height: 17px;
}

.top-charts-wrapper h2.promo-header {
    padding-left: 10px;
    /*width: 100px;*/
    height: 36px;
    font-size: 26px;
    color: #6b7988;
    margin: 19px 0 30px 0;
}

.top-charts .see-more {
    border-radius: 4px;
    border: solid 1px #6b7988;
    font-size: 14px;
    font-weight: 600;
    color: #6b7988;
    height: 37px;
    box-sizing: border-box;
    line-height: 17px;
    padding: 9px 40px;
    width: 155px;
    display: block;
    margin: 30px auto 0;
    text-transform: uppercase;
}

.top-charts .see-more:hover {
    color: #fff;
    background: #6b7988;
}

.featured-games {
    float: left;
    width: 255px;
    border-radius: 8px;
    border: solid 1px #3dc2a6;
    padding: 0 0 35px 0;
}

.featured-games .featured-games-header {
    border-radius: 8px 8px 0 0;
    background-color: #e5f7f4;

    font-size: 17px;
    font-weight: 600;
    color: #3dc2a6;
    text-align: center;
    padding: 11px 28px;
    text-transform: uppercase;
}

.featured-games ul {
    padding: 32px 20px 0 20px;
}

.featured-games ul li {
    text-align: center;
}

.featured-games ul li p {
    font-size: 17px;
    font-weight: normal;
    color: #6b7988;
    margin: 23px 0 37px 0;
}

.featured-games ul li:last-child p {
    margin-bottom: 0;
}

.top-switcher {
    margin: 43px 0 47px 0;
    overflow: hidden;
    position: relative;
}

.top-switcher:before {
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    bottom: 0;
    position: absolute;
    background: #dadada;
}

.top-switcher li {
    display: inline-block;
    float: left;
    width: 241px;
    height: 44px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}

.top-switcher li.active {
    border: 1px solid #dadada;
    border-bottom: none;
    border-radius: 6px 6px 0 0;
    position: relative;
    z-index: 1;
}

.top-switcher li span {
    font-family: 'Open Sans', sans-serif;
    color: #aeb5bc;
    font-size: 22px;
    vertical-align: middle;
    line-height: 44px;
}

.top-switcher li span sup {
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 8px;
    top: -8px;
}

.top-switcher li.active span {
    position: absolute;
    width: 100%;
    color: #6b7988;
    left: 0;
    bottom: 0;
    line-height: initial;
}