a {
 color: #000000;
 -webkit-transition: all 0.4s ease;
 -moz-transition: all 0.4s ease;
 -o-transition: all 0.4s ease;
 -ms-transition: all 0.4s ease;
 transition: all 0.4s ease;
}
a:hover {
 color: #438dd7;
 text-decoration: none;
}

.dw-loading-spinner { display: none !important; }
form#campaign-form { width: 100%; }
.md-tooltip { font-size: 13px !important; background: #438dd7 !important; color: #fff !important; opacity: 1 !important; }

[data-value="Audience"] { display: none; }
[data-value="Verified Audience"] { display: none; }
[data-value="xml-audience"] { display: none; }
[data-value="Native"] { display: none; }
/*
[data-value="rtb-banner"] { display: none; }
[data-value="xml-native"] { display: none; }
[data-value="Display"] { display: none; }
[data-value="Xml Native"] { display: none; }
*/

.login-body .login-video { background: radial-gradient(at bottom center, #2D3240 0%, #000000 100%); display: block !important; position: fixed; right: 0; bottom: 0; width: 100vw; height: 100vh; object-fit: cover; }
.login-header { display: none !important; }
.login-logo { display: flex; justify-content: center; margin-bottom: 35px; }
.login-logo img { width: 250px; }
.login-body .video-dots { display: block !important; top: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAABRJREFUGFdjZGBg+M/AwMDIyAAFAA4pAQP4L554AAAAAElFTkSuQmCC); background-repeat: repeat; height: 100%; width: 100%; position: absolute; z-index: 99; }

.nav { flex-wrap: nowrap; }
#pills-tab li { margin:10px; text-align:left; flex:1 1 30%; }
#pills-tab li a { font-weight:700; font-size:19px; display:block; border:1px solid #f2f2f2; background:#f2f2f2; padding:25px 20px; border-radius:15px; -webkit-transition:all .4s; -o-transition:all .4s; -moz-transition:all .4s; transition:all .4s; }
#pills-tab li a:hover { color:#fff; border:1px solid #438dd7; background:#438dd7; box-shadow:3px 5px 22px 5px rgb(72 73 121 / 35%); }
#pills-tab li a.active { color:#fff; border:1px solid #000; background:#000; box-shadow:3px 5px 22px 5px rgb(72 73 121 / 35%); }
#pills-tab li a span { font-weight:500; font-size:14px; display:block; margin-top:5px; line-height: 20px; }
#pills-tab li a:hover span { text-decoration:none; }
#pills-tab li a:focus span { text-decoration:none; }
#pills-tab li a:focus { text-decoration:none; }
#pills-tab li a i { font-size:50px; display:block; margin-bottom:15px; opacity:.1; -webkit-transition:all .4s; -o-transition:all .4s; -moz-transition:all .4s; transition:all .4s; }
#pills-tab li a:hover i { color:#fff; opacity:1; }
#pills-tab li a.active i { color:#438dd7; opacity:1; }
.traffic-ad-formats { margin:15px; display:flex; justify-content:center; }
.traffic-ad-format { width:300px; padding:15px; }
.traffic-ad-format a img { -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.traffic-ad-format a:hover img { -webkit-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); transform:translateY(-10px); }
.traffic-ad-format h3 { margin-top:10px; }
.traffic-ad-format a h3 {margin-top: 15px;color: #000;font-weight: 700;font-size: 18px;display: flex;justify-content: center;align-items: center;gap: 10px;}
.traffic-ad-format a span {background:#438dd7;color: #fff;border-radius:15px;padding:2px 8px 3px;display:inline-block;font-weight:600;font-size: 10px;}
.traffic-ad-format a:hover span {color: #fff;text-decoration:none;}
.advertising-goal { margin:35px 0; display:block; }
.advertising-goal h2 { font-size:44px; font-weight:800; margin-bottom:18px; }
.advertising-goal h3 { font-size:24px; color:#438dd7; }
.advertising-formats { margin:55px 0 35px; display:block; }
.advertising-formats h2 { font-size:30px; font-weight:700; }
.need-help { margin:75px 0 15px; }
.need-help p { margin:0; font-size:14px; }
.need-help i { margin-right:5px; }
.need-help strong { font-weight: 600; }

.trending-traffic .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 35px 25px; justify-content: center; }
.trending-traffic .row h1 { padding: 0; font-size: 32px; line-height: 42px; }
.trending-traffic .row p { font-size: 15px; line-height: 22px; margin: 15px 0; }
.trending-traffic .row .button { margin: 15px 0 0; width: max-content; }
.trending-steps { border-top: 1px solid #f2f2f2; text-align: center; padding-top: 10px; }
.trending-steps .row i.fa-regular { display: block; font-size: 62px; color: #568bd0; margin-bottom: 15px; }
.trending-steps h4 { margin-top: 30px; margin-bottom: 5px; font-size: 42px; line-height: 52px; color: #448cd7; }
.trending-steps h5 { margin-bottom: -10px; font-size: 28px; line-height: 38px; }
.trending-steps .col-md-4 { background: #f2f2f2; border-radius: 25px; margin: 15px; }
.trending-traffic .need-help { margin: 0 0 35px; }
@media (min-width: 768px) { .trending-traffic h3 { padding: 30px 0 0 40px !important; } .trending-traffic .col-md-4 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; padding: 25px; } }
@media (min-width: 768px) { .trending-traffic .col-md-3 { -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; margin-top: 10px; margin-left: -10px; } }
@media (min-width: 768px) { .trending-traffic .col-md-8 { -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; padding: 25px; align-content: center; display: grid; } }
@media (max-width: 767px) { .trending-traffic .col-md-8 { margin-bottom: 35px; } }

.thank-you { text-align: center; padding: 45px 35px 55px; display: grid; justify-items: center; }
.thank-you h1 { padding: 0 0 15px; font-size: 32px; line-height: 42px; }
.thank-you p { font-size: 15px; line-height: 22px; margin: 15px 0; }
.thank-you img { display: block; margin-bottom: 35px; }
@media (max-width: 768px) { .thank-you p br { display: none; } }

.optimization-traffic .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 35px 25px; justify-content: center; }
.optimization-traffic .row h1 { padding: 0; font-size: 32px; line-height: 42px; }
.optimization-traffic .row p { font-size: 15px; line-height: 22px; }
.optimization-traffic .row p.ot-title { display: flex; align-items: center; gap: 15px; }
.optimization-traffic .row p a { text-decoration: underline; }
.optimization-traffic .row .button { margin: 15px 0 0; width: max-content; }
.optimization-steps { border-top: 1px solid #f2f2f2; text-align: center; padding-top: 15px; }
.optimization-steps .row i.fa-regular { display: block; font-size: 62px; color: #568bd0; margin-bottom: 15px; }
.optimization-steps .row strong { font-size: 20px; }
.optimization-steps .row img { width: 40px; margin-bottom: 5px; }
.optimization-steps h4 { margin-top: 30px; margin-bottom: 5px; font-size: 42px; line-height: 52px; color: #448cd7; }
.optimization-steps h5 { margin-top: 30px; margin-bottom: -10px; font-size: 32px; line-height: 42px; color: #448cd7; }
.optimization-traffic .need-help { margin: 25px 0 35px; }
.optimization-traffic .col-md-4 { text-align: left; background: #f2f2f2; }
@media (min-width: 768px) { .optimization-traffic h3 { padding: 30px 0 0 40px !important; } .optimization-traffic .col-md-4 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; padding: 20px 21px 16px; margin: 1%; border-radius: 25px; } }
@media (min-width: 768px) { .optimization-traffic .col-md-3 { -ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; margin-top: 10px; margin-left: -10px; } }
@media (min-width: 768px) { .optimization-traffic .col-md-8 { -ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; padding: 25px; align-content: center; display: grid; } }
@media (max-width: 767px) { .optimization-traffic .col-md-8 { margin-bottom: 35px; } .optimization-traffic .row { padding: 5px; } }

.traffic-info {display: flex;justify-content: space-evenly;margin-top: 20px;border-top: 1px solid #f2f2f2;padding-top: 10px;}
.traffic-quality {}
.traffic-quality span {display: block;font-weight: 700;}
.traffic-level {display: flex;justify-content: center;margin: 5px 0 15px;align-items: baseline;gap: 5px;}
.traffic-level span {display: block;width: 8px;border-radius: 5px;background: #f2f2f2;}
.level-full {background: #000 !important;}
.level-20 {height: 7px;}
.level-40 {height: 11px;}
.level-60 {height: 15px;}
.level-80 {height: 20px;}
.level-100 {height: 25px;}
.traffic-bid {}
.traffic-bid span {display: block;font-weight: 700;}

a:hover, a:focus { text-decoration: none; }
.traffic-ad-formats {margin:15px;display:flex;justify-content:center;}
.traffic-ad-format {width:300px; padding:15px;}
.traffic-ad-format a img {-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.traffic-ad-format a:hover img {-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
.traffic-ad-format a h3 {margin-top: 15px;color: #000000;font-weight: 700;font-size: 18px;}
.traffic-ad-format a:hover h3 {color: #438dd7;}
.advertising-goal {margin:35px 0;display:block}
.advertising-goal h2 {font-size:45px;font-weight:800;margin-bottom:25px;color:#000000;}
.advertising-goal h3 {font-size:26px;color:#438dd7;font-weight: 700;}

.top-link img { height: 16px; margin-right: 5px; }
.top-link.vip img { height: 30px; }
.account-info__profile-item a { display: flex; align-items: center; justify-content: center; }
.account-info__profile-item { margin-left: 15px; }
.account-info__profile-item.vip { padding: 10px 0; }

.content-header { display: flex; justify-content: space-between; width: 100%; border-bottom: 1px solid #ecf0f1; padding-bottom: 5px; margin-bottom: 35px; }
.content-header h3 { font-weight: 700; font-size: 20px; text-transform: capitalize; display: flex; align-items: center; }
.content-header h3 span { text-transform: uppercase; background: #438dd7; color: #fff; border-radius: 6px; font-size: 12px; padding: 4px 7px 4px; margin-left: 10px; font-weight: 700; }
.content-form .row { margin-bottom: 15px; }
.content-form .creative-row { justify-content: center; }
.nomb { margin-bottom: 0px !important; }
.content-form .text-field__label { font-size: 14px; line-height: 18px; padding: 0; text-transform: capitalize; }
.content-form .text-field__label sup { color: #ff4141; font-size: medium; bottom: 0; margin-left: 1px; }
.content-form .label-line { padding-top: 7px; padding-bottom: 5px; font-weight: 700; }
.content-form .plus-line { text-align: center; padding: 55px 0; display: grid; justify-items: center; align-items: center; align-content: center; }
.ad-preview-content { display: flex; gap: 15px; align-items: center; }
.upload-image-wrap.small { margin-right: 0px; margin-bottom: 0px; }
.upload-image-wrap.small img { border: 1px solid #c3d2d9; }
.upload-image-wrap.large { margin-bottom: 0px; }
.upload-image-wrap.large img { min-width: 120px; border: 1px solid #c3d2d9; }
.devider-block__separator-hr { margin: 15px 0; background-color: #ecf0f1; }
.thead__cell { color: #000000; }
#campaign-form .thead__text-field__link-delete { right: 5px !important; }
.thead__text-field__link-delete { color: #000000; }
a[class^='icon-fn-']:before, a[class*=' icon-fn-']:before { color: #000000; }
[type="checkbox"]:not(:checked):after, [type="checkbox"]:checked:after { color: #000000; }
.selectize-control.single .selectize-input.dropdown-active:after { border-color: transparent transparent #000000 transparent; }
.selectize-control.single .selectize-input:after { border-color: #000000 transparent transparent transparent; }
.adscore { margin-top:10px; display:flex; font-size:11px; align-items:center; }
.adscore img { width:80px; margin-left:4px; }
.ad-id-wrap { font-size: 12px; color: #000000; }
.ad-id-wrap .ad-id { color: #000000; }
.creative-icons { margin-top: 10px; display: flex; }
.creative-icons .icon:before { font-size: 20px; margin-right: 5px; }
.rtb-category-label { font-size: 14px; }
.rtb-category-label-rec { color: #438dd7; font-weight: 600; }
.green__line { background-color: #438dd7; }
.add-macros { display: flex; justify-content: space-between; }
.add-macros a { font-weight: 700; }
.statistic-periods-list { display: flex; align-items: center; }
.statistic-periods-list__item--nolink { color: #000000; font-weight: 700; }
.statistic-periods-list__item { margin-left: 10px; }
.ad-header h5 { margin-left: 15px; display: inline-block; }
.ad-body { margin-top: 15px; }
.native-ad-preview-notes { font-weight: normal; margin-bottom: 15px; }

.creative-wrap { background: #ecf0f150; border-radius: 5px; margin: 0 10px 15px; flex: 0 0 48%; padding: 15px; border: 1px solid #ecf0f1; }
.input-group-addon.left { position: absolute; top: 6px; width: 15px; text-align: center; line-height: 21px; left: 16px; font-weight: 600; }

.ngdialog.ngdialog-theme-default .ngdialog-content { background: #fff; color: #000000; font-family: "Montserrat", sans-serif !important; width: 470px; }
.ngdialog-content h3 { font-weight: 800; text-transform: capitalize; }
.ngdialog.ngdialog-theme-default .ngdialog-buttons { margin-top: 15px; }
.ngdialog-button { font-weight: 700 !important; font-family: "Montserrat", sans-serif !important; }
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary { color: #fff; background-color: #438dd7 !important; border-radius: 55px; }
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary:hover { color: #fff; background-color: #000000 !important; }
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary { background: #ecf0f1 !important; color: #000000; border-radius: 55px; }
.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary:hover { color: #fff; background-color: #000000 !important; }

.table-block { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.campaign-icons { display: flex; gap: 5px; font-size: 14px; align-items: center; justify-content: space-between; }
.campaign-icons .ng-leave { display: none; }
.campaign-icons a { width: 15px; }
.campaign-icons .preload { max-width: 15px; }
.invoice-icon span { font-size: 16px; }

.terms-privacy p { margin: 10px 0 15px; font-size: 12px; }

.radiobox { display: flex; align-items: center; padding-left: 0px; }
.radiobox__radio { position: relative; top: 0; }
#user-form .radiobox__radio { top: 0; }
.tbody__cell .radiobox .radiobox__radio { top: 0; }
.radiobox__label { height: auto !important; padding-left: 5px; }

.admin-table tr>:last-child { width: auto; }

.alert-warning { color: #000000; background-color: #b2ddff75; border-color: #b2ddff55; }
.alert { margin: 10px 0; padding: 7px 10px; line-height: 18px; }

#footer { padding: 0 25px; }

@media only screen and (max-width:768px){
.creative-wrap { margin: 5px 15px; flex: auto; padding: 15px; }
.advertising-goal h2{font-size:38px;line-height:46px}
.advertising-goal h3{font-size:20px}
ul#pills-tab{display:block}
#pills-tab li{margin:0 0 20px}
#pills-tab li a span{font-size:12px;letter-spacing: -0.2px;}
#pills-tab li a i{font-size:36px;margin-bottom:10px}
.advertising-formats{margin:55px 0 20px}
.advertising-formats h2{font-size:26px;line-height:32px}
.traffic-ad-formats{margin:0;display:block}
.traffic-ad-format{width:100%;margin-bottom:15px}
}

.payza_payment { display: none; }

.link-badge { background:#438dd7; font-size:9px!important; padding:0 5px; font-weight:800!important; line-height:16px; border-radius:6px; margin:-1px 0 0 6px!important; color:#000000!important; float:right!important; }
a:hover .link-badge { text-decoration:none; background:#000000; color:#438dd7!important; }

img.ab-testing { width: 100px; }

.news { color: #000; background-color: #b2ddff75; border-bottom: 1px solid #000; }
.news a { font-weight: 700; }

html { background-color: #ecf0f1; }

body { background-color: #ecf0f1 !important; font-family: "Montserrat", sans-serif !important; color: #000000 !important; position: initial !important; }
::placeholder, .selectize-control .item, .selectize-input, .textarea__field, .checkbox__label, .radiobox__label, .input-mini, .text-field__input, .selectize-dropdown, .selectize-input, .selectize-input input { font: 400 13px / 1.2 Montserrat, 'Helvetica Neue', Helvetica, sans-serif !important; color: #000000; }
::placeholder { color: #000000 !important; }
.selectize-control .selectize-input { line-height: 20px !important; }
.checkbox__label { padding-top: 3px; }
.checkbox__label[for="add_google_analytics"] { padding-top: 1px; }
.selectize-input { box-shadow: none; }
.thead__cell-link { color: #000000; }
.table { color: #000000; }
.tbody__cell--status-active { color: #28dd4d; font-weight: 600; }
.tbody__cell--status-non-active { color: #8b9ea6; }
.txt-warning { color: #ef0661; }
.devider-block__content { padding-right: 0; }
a.icon.glyphicon.glyphicon-question-sign { top: 2px; left: 3px; }
.upload-image-wrap img { border-radius: 5px; }

a[class^='icon-f-']:before, .glyphicon-duplicate:before, .glyphicon-remove-sign:before, .glyphicon-info-sign:before, a[class*=' icon-f-']:before { color: #000000; }
a[class^='icon-f-']:hover, a[class*=' icon-f-']:hover, a[class^='icon-f-']:focus, a[class*=' icon-f-']:focus, a[class^='icon-f-']:hover:before, a[class^='icon-f-']:focus:before, a[class*=' icon-f-']:hover:before, a[class*=' icon-f-']:focus:before, a[class^='icon-f-']:hover:after, a[class^='icon-f-']:focus:after, a[class*=' icon-f-']:hover:after, a[class*=' icon-f-']:focus:after { color: #438dd7; }


.menu-main__item a {
 display: block;
 color: #000000;
}
.button {
 background-color: #438dd7;
 -webkit-transition: all 0.4s ease;
 -moz-transition: all 0.4s ease;
 -o-transition: all 0.4s ease;
 -ms-transition: all 0.4s ease;
 transition: all 0.4s ease;
 color: #fff; 
 font-weight: 700;
 font-family: "Montserrat", sans-serif;
 border-radius: 55px;
}
.button--green {
 background-color: #438dd7;
 color: #fff;
}
.button--dark {
 background-color: #000000;
 color: #fff;
}
.button:hover {
 background-color: #000000;
 color: #fff;
}
.button--green:hover {
 background-color: #000000;
 color: #fff;
}
.button--dark:hover {
 background-color: #438dd7;
 color: #fff;
}
.import {
 background-color: #000000 !important;
 color: #fff;
}
.import:hover {
 background-color: #438dd7 !important;
 color: #fff;
}
.tbody__row:hover {
 background-color: #ecf0f1;
}
.menu-main__item a:hover {
 text-decoration: none;
 color: #438dd7 !important;
}
[title~="Knowledgebase"] {
 display: none;
}
ul.menu-main.left {
 clear: both;
 display: block;
}
.logo__image {
 max-width: 175px;
 max-height: 100px;
 width: 195px !important;
}
md-content,
md-content.md-default-theme {
 color: #000000;
}
.menu-main__item--active {
 border-bottom-color: #438dd7;
}
.account-info__profile-item--demo {
 color: #438dd7;
 margin-top: 2px;
}
.account-info__profile-item--login-link a {
 color: #fff;
}
.h1-like { margin: 0 !important; font-weight: 700; font-size: 28px !important; padding: 0 !important; }
.h1-like.create-campaign { margin-bottom: 30px !important; }

#remove_powered_by,
label[for="remove_powered_by"] {
 display: none;
}
.header-group-main {
 background: #000000;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 border-bottom: 3px solid #438dd7;
 -webkit-box-shadow: 0px 0px 22px 0px rgba(72, 73, 121, 0.55);
 -moz-box-shadow: 0px 0px 22px 0px rgba(72, 73, 121, 0.55);
 box-shadow: 0px 0px 22px 0px rgba(72, 73, 121, 0.55);
}
.header-group-main a {
 color: #fff;
 font-weight: 500;
 margin-top: 2px;
 -webkit-transition: all 0.4s ease;
 -moz-transition: all 0.4s ease;
 -o-transition: all 0.4s ease;
 -ms-transition: all 0.4s ease;
 transition: all 0.4s ease;
}
.header-group-main a:hover {
 color: #438dd7;
 text-decoration: none;
}
.pagenumbers,
.table-block--bdb-rad,
.statistic-periods {
 border-radius: 15px;
 -webkit-box-shadow: 3px 5px 22px 5px rgba(72, 73, 121, 0.15);
 -moz-box-shadow: 3px 5px 22px 5px rgba(72, 73, 121, 0.15);
 box-shadow: 3px 5px 22px 5px rgba(72, 73, 121, 0.15);
 padding: 25px;
 background-color: #fff;
}
.menu-main__item {
 margin-top: 35px;
 margin-right: 10px;
 text-transform: none;
 height: auto;
 border-bottom: none;
}
.menu-main__item a {
 color: #fff !important;
 font-size: 15px;
 padding: 10px 15px;
 line-height: 15px;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 font-weight: 600;
 display: flex;
 align-items: center;
}
.menu-main__item a:hover {
 color: #fff !important;
 background: #438dd7 !important;
}
.menu-main__item--active {
 background: #438dd7 !important;
 -webkit-border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
}
.menu-main__item--active a {
 color: #fff !important;
}
.menu-main__item a span {
    margin-right: 7px;
    border-radius: 2em;
    line-height: 1em;
    color: #fff;
    background: #ff001d;
    font-weight: 700;
    font-size: 9px;
    padding: 3px 7px;
}
.menu-main__item a:hover span { text-decoration: none; }
.button--big {
 font-size: 15px;
 height: 40px;
 padding: 0 20px;
 line-height: 40px;
 font-weight: 600;
}
.button--small {
 font-family: "Montserrat", sans-serif;
 font-weight: 600;
 height: 30px;
 line-height: 30px;
}
.account-info__balance-item--summ {
 color: #438dd7;
 margin-top: 2px;
 margin-right: 10px;
}
.account-info__balance-item a {
 color: #000000;
 font-weight: 600;
 background-color: #438dd7;
}
.account-info__balance-item a:hover {
 color: #000000;
 background-color: #fff;
}

.table-pagination { height: auto; }
.table-pagination__item { padding: 0px 15px 0px 0; }

.mobile-header { background: #000000; border-bottom: 3px solid #438dd7; -webkit-box-shadow: 0px 0px 22px 0px rgba(72, 73, 121, 0.55); -moz-box-shadow: 0px 0px 22px 0px rgba(72, 73, 121, 0.55); box-shadow: 0px 0px 22px 0px rgba(72, 73, 121, 0.55); }
.mobile-header span a { font-size: 13px; border-radius: 5px; line-height: 20px; font-weight: 600; padding: 7px 15px; color: #000000; background-color: #fff; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.mobile-header span a:hover { background-color: #438dd7; color: #fff; }
.mobile-header .logo__image { width: 225px !important; margin-bottom: 10px; }
.mobile-header .logo { margin-right: 0; }
.navbar-toggler { background-color: #438dd7; color: #fff; height: 20px; font-size: 20px; padding: 15px 10px; display: flex; align-items: center; }
.navbar-toggler:hover { background-color: #fff; color: #000000; }
.nav-link.disabled { color: #fff; font-weight: 600; }
.navbar-nav li { border-bottom: 1px solid #ffffff15; padding: 5px; }
.navbar-nav li a { color: #fff; }
.navbar-nav li a:hover { color: #438dd7; }
.navbar-nav li:last-child { border-bottom: 0px; }

.user-type .radiobox__radio { top: auto !important; transform: scale(1.7); }
.user-type .title-aside { margin-top: -8px; }
.title-aside .text-field__label span { color: #fb004d; font-size: 14px; position: absolute; margin-left: 3px; }

.login-body { height: 100%; position: initial; }
.login-body .mobile-header { display: none !important; }
.login-header .container { display: grid; justify-content: center; padding: 25px 0; justify-items: center; }
.login-header .right { float: none; }
.login-header .logo__image { width: 225px !important; margin: 0; }
.login-header .logo { margin: 0; }
.login-header .account-info__profile-block { padding-left: 0; }
.login-header .account-info__profile-item { float: none; height: 100%; padding: 25px 0 0; margin-left: 0; line-height: 15px; text-align: center; }
.login-top-links { display: flex; }
.login-top-links a:first-child { border-right: 1px solid #438dd7; padding-right: 15px; margin-right: 15px; }
.login-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 550px !important; min-width: auto; z-index: 999; }
.login-container .statistic-periods { padding: 35px; border-radius: 15px; }
.login-container .statistic-periods h3 { font-weight: 700; font-size: 24px !important; text-align: center; }
.login-container .devider-block__separator-hr { background-color: #eff3f8; }
.login-container .col-lg-5 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.login-container .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.login-container .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.login-container .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.login-container .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.login-container .col-md-7 { -ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%; max-width: 58.333333%; }
.login-container .mt-5 { margin-top: 3rem !important; }
.login-container .mb-3 { margin-bottom: 1rem !important; }
.login-container .mb-5 { margin-bottom: 3rem !important; }
.login-options { text-align: right; }
.login-options a { display: block; }
.login-options a:first-child { margin-bottom: 5px; }

.signup-container { margin-top: 50px; width: 625px !important; min-width: auto; z-index: 999; position: relative; }
.signup-container .statistic-periods { padding: 35px; border-radius: 15px; }
.signup-container .statistic-periods h3 { font-weight: 700; font-size: 24px !important; text-align: center; }
.signup-container .devider-block__separator-hr { background-color: #eff3f8; }
.signup-container .col-lg-5 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; }
.signup-container .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; }
.signup-container .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.signup-container .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.signup-container .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; }
.signup-container .col-md-7 { -ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%; max-width: 58.333333%; }
.signup-container .mt-5 { margin-top: 3rem !important; }
.signup-container .mb-3 { margin-bottom: 1rem !important; }
.signup-container .mb-5 { margin-bottom: 3rem !important; }
.signup-container .line__item--w50 { width: 100%; }
.title-aside { padding-left: 0; }
.sign-up .title-aside { text-align: right; }
.sign-up .line__item--w30 { width: 32%; }
.sign-up .line__item--w70 { width: 68%; }

#user-form .radiobox label { font-weight: 700 !important; font-size: 18px !important; margin-top: 10px; }
#user-form .radiobox { display: grid; justify-content: center; gap: 10px; width: 50%; }
.user-type { margin: 40px 0 50px; }
.user-type .line__item { text-align: center; }
.path-title { font-size: 22px; margin: 0 0 33px; color: #438dd7; }
.user-path { display: flex; justify-content: space-between; font-size: 20px; }
label[for=utype-1]:after { content: "Start Monetizing Your Traffic with PPCmate"; display: block; font-weight: 400 !important; font-size: 14px !important; padding: 5px 45px 0; }
label[for=utype-2]:after { content: "Start Creating Successful Advertising Campaigns"; display: block; font-weight: 400 !important; font-size: 14px !important; padding: 5px 40px 0; }

.mt25 { margin-top: 25px; }
textarea.terms { max-width: 100%; }

.login-footer { text-align: center; }
.login-footer .left { float: none; line-height: 20px; display: grid !important; color: #fff; }
.login-footer .left .copyright { order: 2; }
.login-footer .left span { order: 1; }
.login-footer .left a { display: none; }
.login-footer .right { display: none; float: none; line-height: 20px; margin-top: 15px; }
.login-footer .login-app { display: block !important; }
.login-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.login-center-button { justify-content: end; }

#footer .left { display: flex; }
.copyright { padding-right: 10px; }
#footer .left a { padding: 0px 10px; }
.time { padding-left: 10px; }

footer .right { margin-top: -5px; }
footer .right a img { height: 40px; padding: 5px; margin-top: -5px; opacity: 0.75; }
footer .right a:hover img { opacity: 1; } 

#google_translate_element { display: none !important; position: absolute; top: 10px; z-index: 999; right: 20px; }
#goog-gt- { display: none !important; }
.skiptranslate iframe { display: none; }
.skiptranslate span { display: none; }
.skiptranslate { display: none !important; }
.goog-te-gadget { color: transparent !important; }
.goog-te-gadget select { display: block; font-family: "Poppins", sans-serif !important; border-radius: 5px; border: none; padding: 1px 5px; font-size: 12px; background: transparent; color: #fff; text-align: right; }

.google-language { background: #000; border-radius: 35px; padding: 5px 10px; text-transform: capitalize; position: absolute; top: 15px; z-index: 999; right: 30px; color: #fff; display: flex; align-items: center; }
.google-language img { width: 16px; color: #fe4c1c; }
.google-language__dropdown { border-radius: 10px; max-height: 0; min-width: 150px; overflow: hidden; position: absolute; top: 110%; right: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: 100%; text-align: left; z-index:200; }

.google-language__dropdown li img { width: 15px; margin-right: 10px; }
.google-language__dropdown li a { display: flex; align-items: center; background: #f4f4f4; padding: 5px 10px; font-size: 12px; text-transform: capitalize; }
.google-language__dropdown li a:hover { }
.google-language__dropdown li { border-bottom: 1px solid #e9e9e9; }
.google-language__dropdown li:last-child { border-bottom: 0px; }
.google-language__dropdown li:first-child a { padding-top: 10px; border-radius: 5px 5px 0 0; }
.google-language__dropdown li:last-child a { padding-bottom: 10px; border-radius: 0 0 5px 5px; }
.google-language:hover .google-language__dropdown:before { content: ''; overflow: hidden; position: absolute; top: 0; right: 10px; margin: auto; width: 8px; height: 0; border: 0 solid transparent; border-right-width: 8px; border-left-width: 8px; border-bottom: 8px solid #f4f4f4; }
.google-language:hover .google-language__dropdown { display: block; max-height: 1000px; padding-top: 8px; }

@media only screen and (max-width: 768px) {
.uwy { display: none !important; visibility: hidden !important; }
.sign-up .title-aside { text-align: left; }
.sign-up .line__item--w30 { width: 100%; }
.sign-up .line__item--w70 { width: 100%; }
.trending-traffic .row { padding: 0; }
.trending-traffic .need-help { margin: 50px 0; }
.trending-steps .row p { padding: 10px; }
.trending-steps .col-md-4 { margin: 15px 0; }
body { min-width: auto; }
.container { min-width: auto; }
.title-aside { padding-left: 0; padding-top: 2px; }
.login-body .line__item--w50 { width: 100%; }
header { display: none; }
.login-body header { display: block ; }
.login-container { position: relative; top: 50px; left: auto; transform: none; width: 90% !important; }
.login-container .col-md-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.login-container .col-md-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.login-container .col-md-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.login-container .col-md-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.login-container .col-lg-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.login-container .col-lg-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.login-container .text-field__label { padding: 3px 0 7px; }
.login-container .mt-5 { margin-top: 2rem !important; }
.login-container .mb-5 { margin-bottom: 2rem !important; }
.login-container .statistic-periods { padding: 25px; }
.login-container .statistic-periods h3 { font-size: 21px !important; }
.login-button  { text-align: center; }
.login-button .left { float: none; }
.login-button .right { float: none; }
.login-button .line__item { display: grid; }
.login-button a { order: 2; margin-bottom: -35px; }
.login-button button { order: 1; display: block; margin-bottom: 35px; }
.signup-button .line__item { display: grid; }

.h1-like { margin: 0 0 15px !important; }
.statistic-periods-list { display: grid !important; float: none; width: 100%; gap: 10px; }
.statistic-periods-list__item { float: none; margin-left: 0; }
.w150p { width: 100%; }

.table-block__tbody-block { overflow: auto; }
.statistic-periods { display: grid; }
.signup-container .statistic-periods { display: block; padding: 30px; }
.user-path { display: grid; }
.user-type .radiobox__radio { top: 5px !important; }
#user-form .radiobox { width: 100%; margin: 10px 0 0; }
.user-type { margin: 35px 0; }
.statistic-periods-list { order: 2; }
.signup-container { width: 90% !important; }
.radiobox { width: 100%; padding-bottom: 10px; }
.title-aside { font-weight: 600; padding-bottom: 5px; }
.line__item--w10,
.line__item--w15,
.line__item--w20,
.line__item--w25,
.line__item--w30,
.line__item--w33,
.line__item--w40,
.line__item--w50,
.line__item--w60,
.line__item--w66,
.line__item--w70,
.line__item--w75,
.line__item--w80,
.line__item--w85,
.line__item--w90,
.line__item--w100{ width:100%; }

footer .left, footer .right { float: none; text-align: center; line-height: 22px; }
footer .right { line-height: 20px; margin-top: 15px; }
footer { margin-bottom: 35px; padding: 0 !important; }
#footer .left { display: grid; }
.copyright { padding-right: 0px; order: 2; }
.time { order: 3; }

.google-language:hover .google-language__dropdown:before { left: auto; right: 10px; }
.google-translate-space { background: #111; padding: 7px 20px; border-bottom: 1px solid #333; height: 41px; display: none; }
.google-language { top: 7px; right: 20px; display: none; }

}